Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #548491

    I’d like to make the font size of my menu headings smaller. Is it possible?

    • This topic was modified 9 years ago by jdbrunet.
    #548557

    Hey jdbrunet!

    Can you please show us with a screenshot and provide us your web site URL, which headings.
    Headings size can also controlled from the ALB of some elements, so would be good to know exactly what you need.

    Thanks a lot

    Regards,
    Basilis

    #548961

    Hello,

    The URL is http://www.josephbrunette.com

    You can see the menu headings on the left side of the home screen. I’d like to reduce the fontsize slightly and remove the horizontal lines below each one.

    here is a screen shot:
    screen shot of home page

    Thanks !!

    #549523

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .html_header_sidebar #header .av-main-nav > li > a .avia-menu-text {
        font-size: 14px !important;
    }
    
    .html_header_sidebar #header .av-main-nav > li > a {
        border-bottom-width: 0px !important;
    }

    Regards,
    Rikard

    #549844

    Hello,

    Thank you for your prompt response. I copied and pasted the code under quick CSS but nothing has changed. Menu fonts are still the same size and the horizontal lines below each menu heading are still visible. Any other ideas? Thanks!

    #550183

    Hi!

    Did you copy the code from your email? Please copy it directly from this forum. You can also modify the menu style including font size, color etc on Enfold > Advanced Styling panel. Did you try that?

    Cheers!
    Ismael

    #550440

    I copied the code from this forum, not the email. I’ve tried a few different times and didn’t have any success. I also tried modifying the menu font size on the Enfold > Advanced Styling panel as you suggested but nothing is changing!

    Here is a screen shot of the changes I made on the Advanced styling panel
    http://josephbrunette.com/?attachment_id=846

    What could I be doing wrong?

    • This reply was modified 9 years ago by jdbrunet.
    #550854

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Thanks,
    Rikard

    #551139

    Sure! see Private Content window. Thank you!

    #551926

    Hi,

    You have this code in your Quick CSS, it’s not CSS code so please remove it:

    function modify_featured_image_size($avia_config) {
         $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>1000, 'crop' => true );
         return $avia_config;
    }
    add_filter('avf_modify_thumb_size', 'modify_featured_image_size', 10, 1);

    Regards,
    Rikard

    #563302

    HI,

    I removed the code that you listed above. What will be the next step to reduce the menu font size?
    And how can I remove the grey horizontal lines below each menu heading?

    Thank you!

    #563315

    Hey!

    Please add following code to Quick CSS

    .html_header_sidebar #header .av-main-nav > li > a {
        border: none !important;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Now that you removed that code from Quick CSS, you can adjust font size of your main menu by editing “Main menu links” in Enfold theme options > Advanced Styling

    Cheers!
    Yigit

    #563369

    Hello,

    Thank you for such a quick response, however, after adding the code you suggested and making sure the > sign did not convert, I am still unable to modify then main menu font size. Also, the horizontal lines remain under each menu heading. I have also tried changing the font size under the Enfold theme option > Advanced Styling and it has no effect. I’m not sure what I could be doing wrong!

    #563374

    Hey!

    You had a missing closing curly bracket in your custom CSS code. I added it and it helped. Please review your website now

    Regards,
    Yigit

    #563384

    Thank you, Yigit!

    All good!

    #563390

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Change menu font size’ is closed to new replies.