Mobile menu hidden under logo at certain resolutions

  • Resolved PapaDawg

    (@papadawg)


    8 years, 10 months ago

    First, I would like to thank you for allowing everyone to use the free Virtue theme. It is by far my favorite non-premium WordPress theme. I have a site that uses a logo and a primary menu. The following behavior occurs even with all plugins disabled.

    As I decrease the width of my browser window, the navigation menu changes from full text to a full width mobile menu (this works great). However, there is a sweet spot where the current browser width causes the mobile navigation menu to appear very small (not full width), overlaying the logo. This sweet spot is fairly narrow when I set the logo to be centered but wider when I set the logo to left. The color scheme of my menu does play well with my logo so it is very difficult to see when mobile menu overlays the logo.

    The website I am developing is intended for a small audience site so I do not want to publish it here. Is there an alternate way for me to communicate the URL to you?

Viewing 4 replies - 1 through 4 (of 4 total)

  • You can send an email to [email protected] and I’ll take a look at it for you!

    Not sure why your site is acting that way, but here is some CSS that should solve it for you. Copy and paste into Appearance >Theme Options >Advanced Settings.

    @media (max-width: 992px) and (min-width: 980px) {
    .kad-standard-logo  {
        padding-bottom: 50px
    }
    .mobileclass.collapsed {
    width: 100%
}
}

    Hope that helps!

    Thread Starter PapaDawg

    (@papadawg)

    The above CSS code fixed the problem when my logo is set to center but the problem still occurs when the logo is set to the left. I am happy to use the centered option so I am marking this issue as resolved. Thank you for your excellent support.

    I’m pretty sure that the CSS would need to be different when using the logo on either side.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile menu hidden under logo at certain resolutions’ is closed to new replies.