Customized navigation font size

Support Area Forums Umami Customized navigation font size

This topic contains 3 replies, has 2 voices, and was last updated by  Bill Robbins 3 years, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://saltandpepper.hr
  • Author
    Posts
  • #35585

    Goran Milic
    Participant

    Hello Bill,

    It is me again. Somewhere on the forum I have found a way to keep navigation always opened, exception is visiting website from mobile.

    I have noticed when I customized navigation with this custom css I am not able to change font size in the navigation anymore. When I go to Appearance/Customize and navigation, I am trying to go with bigger font but it is staying the same. When I remove the custom css, now font is bigger. Somehow this custom css is overriding the default navigation menu control from usual Appearance/Customize option. Could I add something to this custom css to change font size?

    I have entered this in custom css field:

    @media only screen and (min-width: 1024px) {

    .slicknav_menu {
    display: none;
    }

    #sidebar {
    z-index: 20;
    }

    ul#primary-menu {
    display: block;
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    }

    ul#primary-menu a {
    display: block;
    padding: 5px;
    }

    ul#primary-menu li {
    position: relative;
    }

    ul#primary-menu li.current-menu-item a,
    ul#primary-menu li.current-menu-item li a:hover,
    ul#primary-menu li a:hover {
    background-color: #757575;
    }

    ul#primary-menu li.current-menu-item li a {
    background-color: transparent;
    }

    ul#primary-menu li ul {
    display: none;
    list-style-type: none;
    }

    ul#primary-menu li:hover ul {
    display: block;
    position: absolute;
    left: 200px;
    top: 0;
    width: 180px;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

    }

    Thank you in advance. I appreciate your help.

    #35586

    Bill Robbins
    Moderator

    Goran,

    Switching out the default menu will take away the ability to style it via the theme options/customizer. Try adding this to your Custom CSS to see if you can change the font-size:

    
    ul#primary-menu li { font-size: 20px; }
    

    That’s what I would try first. It looks like there’s a coming soon page up at the moment, so I couldn’t test that out to be sure for you.

    Hope that helps out. Have a great weekend,
    Bill

    #35587

    Goran Milic
    Participant

    Wow Bill, this did the job. Many thanks. Your support is so prompt, sometimes I think you are always there Bill.

    #35588

    Bill Robbins
    Moderator

    Glad that did the trick Goran. I try to be quick…it bugs me to have support pile up ?.

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

The topic ‘Customized navigation font size’ is closed to new replies.