Logo Overlap on mobile menu (Responsive mode)

  • Hey!
    First of all, this is a beautiful theme and I like it very much. But, I need help with some problems.
    1- The logo overlaps on the menu in mobile mode which hides the menu options.
    2- The logo also hides search bar in mobile mode.
    3- Can I hide the logo when scrolling down? Or if I could make the menu non-sticky as an alternative?
    4- How can I change the color of links in text?

    A very great theme overall.
    Thanks

    • This topic was modified 7 years, 3 months ago by itsmehamza.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author themeinwp

    (@themeinwp)

    Hello @itsmehamza

    Here we have some fixing for you.

    1) Try using Logo image smaller then 255 px.
    2) We’ve identified this as a design bug during our previous update. We’ll fix this on our next release ASAP.
    3) Add below CSS

    To Hide logo
    @media only screen and (max-width: 991px) {
    body .twp-site-branding{
    display: none;
    }
    }

    To make the menu non-sticky on tablet portrait view and below

    @media only screen and (max-width: 991px) {
    body .nav-affix .top-header {
    position: relative !important;
    }
    }

    4) It depends upons section block but typically adding CSS inside a:hover,a:focus will change all links color.

    Best Regards,

Viewing 1 replies (of 1 total)
  • The topic ‘Logo Overlap on mobile menu (Responsive mode)’ is closed to new replies.