• Resolved theanswerisfood

    (@theanswerisfood)


    Hello,
    First of all I am very happy with your theme, it’s beautiful and easy to use.
    I have made a child theme and edited it to my liking. You can view it at theanswerisfood.com

    As you can see i have changed the size of the header, so that it fits my logo. But if you hover over one of the menu items there is a white bar underneath it. I hope you can help.

    Greetings

Viewing 9 replies - 1 through 9 (of 9 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for the kind words ??

    To accomplish this, you can either decrease the size of the logo, or increase the height of the list items.

    Right now, there are styles in your child theme that set a height of 5em on “site-header” and a max-height of “85px”. You could remove both of those and then decrease the height of the logo until the menu items sit flush against the bottom of the header when hovered over.

    The other way is to give the menu items (.menu-primary-items li a) a line-height of 6em. You’ll then also need to modify the “top” value of the submenu when hovering over it and when hover over its parent menu item “About Me”.

    Let me know if you have any other questions, or if need me to further describe any steps.

    Thread Starter theanswerisfood

    (@theanswerisfood)

    Thank you, it worked.
    I have 2 other questions.

    I would like to decrease the height of the submenu. But i can not find out what to change to do that.

    I also have a problem with the menu when my screen is at a certain width. I made a screenshot of this:
    https://i1274.photobucket.com/albums/y433/Maaike_van_Heek/probleem_zps02f50702.png
    How can i fix this?

    Theme Author Ben Sibley

    (@bensibley)

    The site’s looking great, nice job!

    The submenu’s height is dependent on the line-height of the menu items in it. The following CSS will reduce the line-height:

    #menu-primary-items a {
      line-height: 4;
    }

    This is what that will look like: https://i.imgur.com/vVdLEZV.png

    For question #2, what’s happening is that the menu items don’t fit next to the logo at around 800-900px wide, so they drop below. However, you’ve given your menu a fixed height of 5em which stops it from visually containing them. The solution is to remove the site-header height from 800-900px, and then you can add it back in.

    @media all
      and (min-width: 800px)
      and (max-width: 900px) {
    
        #site-header {
          height: auto;
        }
    }

    The only remaining issue is that the site-header will then overlap the .overflow-container at 800-900px. You just have to add some additional padding-top to .overflow-container within the above media query to fix that.

    Let me know how that works for you and if you have any other questions.

    Thread Starter theanswerisfood

    (@theanswerisfood)

    The second problem is solved now, thanks!
    The css you gave for the first one changes the height of the menu.What I meant is the drowdown menu, so what you see when you hover over about me.

    I also have not been able to translate my site. It does translate when i add the translation files to the parent theme, but when it updates the translation file is gone. I have also added it to the child theme but wordpress does not show the translation that way.

    Theme Author Ben Sibley

    (@bensibley)

    Great, glad it’s working ??

    If you send the translation files to me at support AT competethemes.com, I will add them to the theme. This way, they won’t get overwritten and other users can benefit from the translation as well.

    Thread Starter theanswerisfood

    (@theanswerisfood)

    I have send you the translation files.
    I have one last question. Would it be possbile to add bloglovin.com to the social media icons list?

    Theme Author Ben Sibley

    (@bensibley)

    I’ve just voted on a request to add the Bloglovin icon to the icon font we use in Ignite. Once they add the icon I will add it to the theme ASAP.

    Thread Starter theanswerisfood

    (@theanswerisfood)

    Great I will keep an eye on that.
    Thanks for the great support!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘change size menu items’ is closed to new replies.