Hi, on some screens my menu items are too close.
How can I add a margin between menu items.
Hi,
In order to add margin between menu items you’ll need to use a custom css
-> https://www.screencast.com/t/b4jK0lla2n
.td-header-menu-wrap ul li a{
margin-left: 15px;
margin-right: 15px;
}
If you have Newspaper v9.5 or grater you can edit the menu items with the header builder -> https://www.screencast.com/t/C9Fo2p6Sm
-> https://tagdiv.com/whats-new-in-newspaper-theme-9-5-update/
Thank you!
Thanks, I add the code add the custom code space, click save. It loads long, but do not save the settings.
It worked, after I’ve deactivated tag div composer, but there is one issue, it works for all items except social media icons.
Hi,
If you want the code to affect the social icons in the header menu, it will be like this
.td-header-menu-wrap ul li a,
.td-header-menu-wrap .td-social-icon-wrap{
margin-left: 15px;
margin-right: 15px;
}
Modify the margin values as needed. In case you wanted something else or there is a problem with this code, please post a link to the website so we can take a look, it will be easier and faster this way.
Thanks
Here is the link to website: http://blog.nairi-insurance.am/
You could try something like this – http://prntscr.com/naiss4 It will increase the width to allow more space between the menu items.
This is the code, enter in in the Advanced CSS section in the desktop field, as it may create problems on smaller devices – http://prntscr.com/naiti5
– https://pastebin.com/UXg7NjPA
Or if you want to use a cloud header, there will be an option for the space
– http://prntscr.com/naiv5d
