Menus & Responsive Layout

  • Resolved Conky

    (@conky)


    11 years, 6 months ago

    Hello,

    I am having an issue with my menus and the responsive layout. I much prefer the look of the pre header menu opposed to the primary header menu. The problem lies with viewing the website on my ipad. I can still see the pre header menu but the mobile menu isn’t populated with any links. I had to make a blank menu to hide the primary menu which is the one that populates the mobile menu.

    Now I’ve tried to remedy this by editing the CSS for the primary menu but I cannot get it to match with the pre header menu. I can find link colors and background colors. I would like to make the primary menu background a solid black bar across like the pre header menu, but the primary menu background only extends a few pixels around the menu items.

    It might be easier to somehow populate the mobile menu with the pre header menu.

    Thanks for any suggestions.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author ThinkUpThemes

    (@thinkupthemes)

    11 years, 6 months ago

    Hi Conky,

    Try hiding the main header using custom css:

    #header-links-inner {
display: none;
}

    You’ll need to set the main header so it shows on a mobile device. But the above code will make sure it doesn’t show on a desktop. Just you’re pre-header.

    Hope this helps!

    Thread Starter Conky

    (@conky)

    11 years, 6 months ago

    This is exactly what I need, thanks for the quick response!

    Theme Author ThinkUpThemes

    (@thinkupthemes)

    11 years, 6 months ago

    No worries, glad we could help!

    Thanks so much for your kind words! If you get a chance we’d absolutely love for you to leave a review for Minamaze. Don’t worry if you don’t get a chance, we know how busy it can get when building a new site. 🙂

    klande

    (@klande)

    11 years, 6 months ago

    Super. :o) Just what i needed.

    Thanks for shearing.

    gfolie

    (@gfolie)

    10 years, 11 months ago

    Great !!! Thanks for shearing

    pammccall

    (@pammccall)

    10 years, 9 months ago

    I am having the same issue. So I will try to add the custom code above.

    Where do you go to set the main header so it shows on a mobile device?

    thanks Pam

    pammccall

    (@pammccall)

    10 years, 9 months ago

    do you just add the custom css code inside the editor at the end?
    If I have to ask this maybe I shouldnt be doing it. 🙁

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

The topic ‘Menus & Responsive Layout’ is closed to new replies.