× Discussion about "eCommerce" VirtueMart/Joomla template

Topic-icon Menu issue in Safari

More
7 years 2 weeks ago #9200 by stevenjonesonline@gmail.com
Hi there,

Occasionally as the page renders in Safari, the menu does not fill out the space as it should.

As per attached - the fifth item isn't showing completely, and bumps into the last item.

I've tried adding min-width to #nav a and this seems to help a tiny bit. But the issue is still there and the menu items overlap.

bit.ly/m36qd9

You may need to navigate to the page/refresh to make the issue appear.

Please help.
Attachments:

Please Log in or Create an account to join the conversation.

More
7 years 2 weeks ago #9220 by ivan.milic
Replied by ivan.milic on topic Menu issue in Safari
Hi,

in templete_css.css there is this:

#nav li {
float: left;
margin: 0 5px;
position: relative;
line-height: 27px;
min-width: 65px;
}

see what happens when you remove min-width: 65px; and if that does not help put some bigger value like: min-width: 100px;

Please Log in or Create an account to join the conversation.

More
7 years 2 weeks ago #9223 by stevenjonesonline@gmail.com
Hi there,

Thank you for your reply.

I'm having to use the min-width as a temporary fix. Seems to be working.

If I push the value any higher then the menu items don't centre nicely in the green tabs.

Please Log in or Create an account to join the conversation.

Moderators: milos
Time to create page: 0.113 seconds