menu

  • hello,

    I am using goran and would love to make two small changes to it. I am very comfortable with CSS and HTML but alas have had no success.

    I love the look and feel of Goran but love the whitespace for the menu at the top of Edin. I’ve search and tried but can’t get rid of the grey. Is there a way to bump down the hero image so it starts below the menu and just have the menu space a white box.

    If someone can point me in the right direction that would be amazing!

    Thanks!

Viewing 1 replies (of 1 total)

  • Hi there,

    The Goran theme uses a little magic (well, not magic — Javascript, actually!) to move the hero image up behind the header. You can change that with CSS by re-adjusting the header’s bottom margin when there’s a hero image on the page:

    .hero-image .site-header {
margin-bottom: 0 !important;
}

    If you’d like that header area to have a white background you can add that in to that CSS, as well:

    .hero-image .site-header {
margin-bottom: 0 !important;
background: #fff;
}

    You’ll probably also want to make some adjustments to the text and link colors, and text shadows, to get the full effect you’re looking for. Let me know if I can do anything more to help with that. ??

    Also, you may already know this, but it’s best not to make changes like this directly to a theme’s files, as you’ll lose those changes the next time you update the theme to the latest version. Instead, I’d recommend using a CSS plugin (like the Custom CSS module in Jetpack) when you just need to make some CSS tweaks to a theme’s design.

Viewing 1 replies (of 1 total)
  • The topic ‘menu’ is closed to new replies.