-
Posts
-
Hi team – I’m using the latest version of Firefox for Mac v 45.0.2…
The menu is displaying incorreclty – can you let me know what I need to do to fix this?
See screenshot
https://www.dropbox.com/s/doc51ve63lvhd53/Screen%20Shot%202016-05-09%20at%209.03.36%20am.png?dl=0
Cheers
Hi,
Don’t reduce the menu items width with negative margins:
.avia-menu-text{font-weight:normal;letter-spacing: 1px; margin-left: -5px; margin-right: -5px;}Instead, reduce the padding of the parent element:
.av-main-nav > li > a{ padding: 0 6px; }Best regards,
JosueHi – I added that and the navigation is now too wide and sits over the logo – which is why I added negative margins – to reduce the space bewteen each menu item – how do I do this safely?
cheers
Hi,
Please refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/
Best regards,
YigitHi This doesn’t solve the issue at all – the code is almost exactly the same as yours, sorry. The navigation is is overlapping on desktop browsers _not_ ipad’s I’ve fixed that already – this was never the issue.
I just want to reduce the left and right space between all the nav items.
See screenshot
https://www.dropbox.com/s/f2nuovcpssroagk/Screen%20Shot%202016-05-20%20at%208.26.30%20am.png?dl=0
I worked it out – the code needed more specificity,
#top #header .av-main-nav > li > a{
padding-left: 5px;
padding-right: 5px;
}
- You must be logged in to reply to this topic.