Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • sushismb Friend
    #1028119

    Hello,

    I’m using this template on a "Simple" home variant.

    I have many menu’s and it automatically goes to the 2nd row because the width of the navigation area is 740px while the site width is 1200px.

    How can I change the navigation area width to fit the site width?

    Also, I’d like to change the font size of the navigation menu.

    I’d appreciate your help in advance! Thank you!

    P.S. Unfortunately, the site is now being developed offline and therefore, can’t give access information to ask for help online.

    Pankaj Sharma Moderator
    #1028371

    Hi
    The main nav using the span8. You can change the size from template layout configuration > Navigation tab.
    Here: http://prntscr.com/f02jix

    Regards

    sushismb Friend
    #1028995

    Hello @pankaj Sharma

    Thank you for your response. Your instruction worked to extend the navigation, thanks!

    Now, I need to know how to change the FONTS of the navigation menu.

    I’d appreciate your help again.

    Thank you!

    Pankaj Sharma Moderator
    #1029001

    Hi
    Add below code in /css/custom.css file and change the font size as per needds

    #mainnav .nav > li.active > a, #mainnav .nav > li.active .separator {
    font-size:15px;}
    sushismb Friend
    #1029069

    Hello @pankaj Sharma

    Thank you for your response.

    The code works but ONLY on the selected menu. All other non-selected menu title size remains as default size. Meaning, this code doesn’t overwrite the default font size.

    I’d appreciate your continuous help.

    Thank you!

    Pankaj Sharma Moderator
    #1029078

    Hi
    Its working fine on my side. In this case, i have to check the style on your site.
    Kindly share the URL of the site.

    sushismb Friend
    #1031378
    This reply has been marked as private.
    Pankaj Sharma Moderator
    #1031385

    Hi
    Use below code for non-active menu items.

    
    #mainnav .nav > li > a, #mainnav .nav > li.separator {
    font-size:12px;}

    Regards

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

This topic contains 7 replies, has 2 voices, and was last updated by  Pankaj Sharma 6 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum