Vantage Premium: Header Widget Affecting Primary Menu
Hi
I have the Vantage Premium theme.
After I added a text widget with HTML for ‘Log In | Register’ links in the ‘Header Widget Area’ the ‘Primary Menu’ is getting affected. The ‘Primary Menu’ renders in two rows instead of one. There was no problem when I had initially added the text widget with only plain text ‘Log In | Register’, but after I added HTML to create links, then it started affecting the Primary Menu.
I am new to web design, Site Origin’s products have been a great help! Please let me know what could be wrong?
Also, is there a way to add/upload images to this forum query?
Surya
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi Surya
The header widget area shouldn’t affect the menu. What you can do is insert the following into Appearance > Custom CSS and reduce the padding between each menu item.
/* Menu Padding Horizontal */ .main-navigation ul li a { padding-right: 25px !important; padding-left: 25px !important; }Adjust 25px to a number that suits you.
Hi
Yes. I tried the same thing and it worked, though I did it through the theme customization available on the Dashboard – set the menu padding to 20 px.
Thanks
If the Customizer setting resolved the issue then that’s great. The CSS I provided above will adjust horizontal padding – the Customizer setting adjusts vertical padding, but if it’s resolved then there is no need for it.
All the best.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.