Menu Tabs

  • Unknown's avatar

    Hello, I am using the ideation and intent theme. I notice that you cannot increase the Body Text beyond 3 which prevents the menu tabs from being very visible. They are barely visible on the mobile site as well. Is there any way you can implement larger font options?

    Also, is there a way the have the theme set up so once you click on a menu and scroll over the drop down bar it shades or highlights somehow. This will, in my opinion, help with user navigation. At the moment, I can click on the menu tab, scroll over a submenu but no change in color or anything.

    Thanks for your help as usual! :)

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    We can fix most, if not all of these issues with CSS :)

    Just paste the following bits of code into the CSS box in your customizer and you’ll be up and running in no time.

    This first bit will increase the size of your menu font:

    .site-navigation{
    	font-size: 2.4rem;
    }

    once you click on a menu and scroll over the drop down bar it shades or highlights somehow.

    The following code changes the text of the selected menu item and the item you are hovering over (I chose bright colors so you can easily see what’s happening, you can replace those colors with ones that work better with your site.

    .current-menu-item a{
    	color:green !important;
    }
    .current-menu-item a:hover{
    	color:blue !important;
    }

    If you’d rather have the background color change when you hover, here’s the code for that.

    current-menu-item a:hover{
    	background:blue !important;
    }

    Let me know if you need anything else!

  • Unknown's avatar
    experiencenewfoundland · Member ·

    Thanks Liz,

    I cannot believe you do that coding for a living…I will venture into the CSS jungle but may call out for help from time to time!

  • Unknown's avatar

    If you need a jungle guide I’ll be here to help.

    I feel like their might be a Tarzan/Jane joke here, but I can’t quite find it.

  • The topic ‘Menu Tabs’ is closed to new replies.