Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 8, 2015 at 4:02 am #548491
    jdbrunet

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

    • This topic was modified 8 years, 11 months ago by jdbrunet.
    December 8, 2015 at 7:30 am #548557
    Basilis

    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

    December 8, 2015 at 7:11 pm #548961
    jdbrunet

    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 !!

    December 9, 2015 at 7:32 am #549523
    Rikard

    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

    December 9, 2015 at 4:28 pm #549844
    jdbrunet

    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!

    December 10, 2015 at 7:04 am #550183
    Ismael

    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

    December 10, 2015 at 3:15 pm #550440
    jdbrunet

    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 8 years, 11 months ago by jdbrunet.
    December 11, 2015 at 6:21 am #550854
    Rikard

    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

    December 11, 2015 at 3:55 pm #551139
    jdbrunet

    Sure! see Private Content window. Thank you!

    December 14, 2015 at 5:16 am #551926
    Rikard

    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

    January 11, 2016 at 4:38 pm #563302
    jdbrunet

    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!

    January 11, 2016 at 4:52 pm #563315
    Yigit

    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

    January 11, 2016 at 5:28 pm #563369
    jdbrunet

    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!

    January 11, 2016 at 5:35 pm #563374
    Yigit

    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

    January 11, 2016 at 5:47 pm #563384
    jdbrunet

    Thank you, Yigit!

    All good!

    January 11, 2016 at 5:56 pm #563390
    Yigit

    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

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