Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #476126

    Hello,

    I know you seen this a bunch of times, and I tried getting it to work with code from other people, but my menu text overlaps the logo in smaller screen sizes. 990px is selected in the theme options. Any help is greatly appreciated!!!
    http://wcct.wpengine.com/ (hosted on WPengine)

    Thank you,
    Chris
    (Email address hidden if logged out)

    #476254

    Hey ind-image!

    You actually have a few options you can choose to follow through with.

    – Would you like it to switch to the mobile menu once it gets down to 990px size screens (using a media query)?

    – Or would you prefer to adjust the margins/font size between each menu item?

    Cheers!
    Dake

    #476524

    Hi Dake,

    Whatever option you think is best, just don’t want the overlap to happen anymore at any size. But just changing it to mobile before the overlap happens works for me.

    Thanks!
    Chris

    #476535

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1125px) and (min-width: 990px) {
    .logo * {
      max-width: 65%;
      top: 5px;
    }}

    Best regards,
    Yigit

    #476538

    Thanks Yigit! Exactly what I need, you’re the man! Consider this issue closed.

    Thank you,
    Chris

    #476555

    Hi!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Have a great rest of the day : )
    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu & Logo overlap’ is closed to new replies.