Home › Forums › Pro Themes › Flat Commerce Pro › Since update of Theme the menu items are displayed differently
- This topic has 9 replies, 2 voices, and was last updated 4 years, 8 months ago by
wensolutions.
-
AuthorPosts
-
February 5, 2019 at 2:43 am #90273
erniepope
ParticipantI 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
February 5, 2019 at 5:06 am #90391wensolutions
KeymasterHello @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!!
February 5, 2019 at 7:46 am #90413erniepope
ParticipantThanks for your help
It fixes the issue, all the items now fit on one line
Ernie
February 5, 2019 at 10:37 pm #90446wensolutions
KeymasterHello @erniepope,
Glad we could help you.
If you have any issues further, please let us know.
Thank you.
Best Regards!!
February 8, 2019 at 9:25 am #90614erniepope
ParticipantWith 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
February 10, 2019 at 10:31 pm #90693wensolutions
KeymasterHello @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!!
February 12, 2019 at 3:40 am #90772erniepope
ParticipantPlease 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.
February 12, 2019 at 5:42 am #90778wensolutions
KeymasterHello @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!!
February 13, 2019 at 12:11 pm #90956erniepope
ParticipantThank you
It has fixed the problem
Regards
February 13, 2019 at 10:47 pm #90989wensolutions
KeymasterHello,
Glad we could help you,
Feel free to reach us for any further query/confusion.
Regards!!
-
AuthorPosts
- You must be logged in to reply to this topic.