Home Forums Pro Themes Flat Commerce Pro Since update of Theme the menu items are displayed differently

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #90273
    erniepope
    Participant

    I recently updated to version 1.8.2 of the Theme.

    1. Now the menu items start further to the right so that they overflow onto the next line.

    2. Now there is an extra blank line between the top line of menu items and the menu items on the second line. How do I remove the extra blank line.

    please look at https://sarapopeart.com and you will see the menu items at the top

    #90391
    wensolutions
    Keymaster

    Hello @erniepope,

    It is because you have added menu items in the header. So now to fix the issue please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .site-header.align-right .main-navigation ul.menu > li > a {
        padding: 31px 10px;
    }
    
    #masthead.align-right .main-navigation ul li a {
        font-size: 14px;
    }

    Hope this helps.

    Regards!!

    #90413
    erniepope
    Participant

    Thanks for your help

    It fixes the issue, all the items now fit on one line

    Ernie

    #90446
    wensolutions
    Keymaster

    Hello @erniepope,

    Glad we could help you.

    If you have any issues further, please let us know.

    Thank you.

    Best Regards!!

    #90614
    erniepope
    Participant

    With versions 1.8.2 and 1.8.3 when the menu items go onto a second line I get an extra blank line in the menu. Also there is extra line above the Page Title in version 1.8.2 and 1.8.3.

    see screen print for previous versions of theme : http://prnt.sc/miejiu

    see screen print for version 1.8.3 with extra lines : http://prnt.sc/miekz8

    regards

    Ernie

    #90693
    wensolutions
    Keymaster

    Hello @ernipope,

    The menu item gets into the second line is because you have added many no menu item in the menu section. But right now it seems to be fine.

    As for the gap please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .page-section {
        padding: 30px 0;
    }

    Hope this helps.

    Best Regards!!

    #90772
    erniepope
    Participant

    Please read my post carefully.

    I know that the extra menu items cause the menu to go onto a second line.

    What I am saying is that I now get an extra blank line between the first line of menu items and the second line on menu items which I didn’t get in the previous version of the theme.

    #90778
    wensolutions
    Keymaster

    Hello @erniepope

    To remove the extra line between the first and second line of menu, please add the below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    .site-header.align-right .main-navigation ul.menu > li > a {
        padding: 5px 10px;
    }

    Hope this works,

    Feel free to reach us for any further query/confusion,

    Regards!!

    #90956
    erniepope
    Participant

    Thank you

    It has fixed the problem

    Regards

    #90989
    wensolutions
    Keymaster

    Hello,

    Glad we could help you,

    Feel free to reach us for any further query/confusion.

    Regards!!

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.