• Resolved cairngormtreks

    (@cairngormtreks)


    Is there any way of showing the secondary menu on smaller screens, without using the mobile menu, i.e. making it shrink instead?

    Thanks in advance!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Can you post a link to where you have a secondary menu?

    Thread Starter cairngormtreks

    (@cairngormtreks)

    https://millsyoung.co.uk

    The mobile menu is currently disabled, but otherwise appears when the secondary menu disappears as the screen is reduced in size.

    I only see your primary menu here. What is it you’re considering as the secondary menu?

    Thread Starter cairngormtreks

    (@cairngormtreks)

    The only menu on the website, below the header. It’s referred to as the ‘Secondary Navigation’ menu within the Virtue theme. The ‘Primary Navigation’ menu, when activated, appears above the header.

    hannah

    (@hannahritner)

    So you’re wanting your menu to show across the screen, and not a drop-down correct? You can try this -just paste it into your custom css box in theme options > advanced settings:
    @media (max-width: 992px) {
    #nav-second ul.sf-menu {display: inline;}
    }

    Let me know if that works for you!
    Hannah

    For what you want to do, you need to keep the menu visible at all screen widths. Right now it is disappearing even though you said the mobile nav is disabled.

    You’ll also need to add additional media queries to change the size of the menu items as the browser reduces.

    This is a bit more than I can test out simply using the browser, or I would just have given you the code… sorry ;(

    Thread Starter cairngormtreks

    (@cairngormtreks)

    Thank you!

    hannah, i’ve added the code and it works – I just need to reduce the menu items now as janet4now has suggested.

    I’ll have a play around and see what I can do. Thank you both!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Can I show Secondary Menu without having to use the mobile menu?’ is closed to new replies.