Omawako Posted July 5, 2013 Share Posted July 5, 2013 Hi guys, I have just checked my website on safari, firefox and iphone and I noticed that the last tab of the top menu is pushed down to the next line while it works fine on chrome(chrome is my main browser, that's why I didn't notice till now). What can I do to make it looks right on all the three browsers and mobile phone? Link to comment Share on other sites More sharing options...
Omawako Posted July 5, 2013 Author Share Posted July 5, 2013 Oh and my website is www.variclothing.com Link to comment Share on other sites More sharing options...
vekia Posted July 8, 2013 Share Posted July 8, 2013 it's because there is no place for this item: unfortunately the only wach to achieve what you want is modification of css styles (for example font size or padding for items) change the padding value from 0px 30px to: 0px 25px; in the: /modules/prestaloveeasymenu/css/prestaloveeasymenu.css line 44 .sf-menu a { padding: 0px 25px; line-height: 36px; color: #eee; text-shadow: -1px -1px 2px #333333; font-weight: bold; font-size: 110%; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; } effect: Link to comment Share on other sites More sharing options...
Omawako Posted July 9, 2013 Author Share Posted July 9, 2013 Hi vekia. Thanks for your time. I've just tried your solution, it works perfectly on firefox or maybe safari too(if I restart my pc). But on my phone and chrome, this kind of problem happens (http://www.prestasho...n-the-top-menu/) If you click or hover on the last tab, the color will change from light grey to dark grey. But noticeably, it isn't equivalent to the full size of the tab. Link to comment Share on other sites More sharing options...
vekia Posted July 10, 2013 Share Posted July 10, 2013 i checked your website once again on my tab, everything works well there :/ what OS ? what browser you use on your mobile? Link to comment Share on other sites More sharing options...
Omawako Posted July 10, 2013 Author Share Posted July 10, 2013 MAC OS X LION for my pc. and I use safari on my phone. Have you checked my website on google chrome? because I still see that problem that I have attached above Link to comment Share on other sites More sharing options...
vekia Posted July 10, 2013 Share Posted July 10, 2013 checked your website once again, why you've got there: font-size: 110%; for .sf-menu a ? this causing the main problem now Link to comment Share on other sites More sharing options...
Omawako Posted July 17, 2013 Author Share Posted July 17, 2013 Because I want the text to be bigger but I tried to resize it back to 100% and the problem is still there. I don't know what exactly wrong with it. I don't think it has anything to do with the font size because the drop down menu is having the same problem as well Link to comment Share on other sites More sharing options...
vekia Posted July 17, 2013 Share Posted July 17, 2013 but now you show something different than before, you're talking about this: ? Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts