sooroos Posted July 13, 2013 Share Posted July 13, 2013 Hi guys, I have two problems with Top Horizontal Menu: 1. It seems that with different browsers the text is rendered different. As shown in the pic below the 1st one is with ie9 and the 2nd is with (opera, firefox, chrome). Is there any solution for that so the menu looks the same in different browsers? 2. how can i remove the space that remains in right side? Default theme, prestashop 1.5.4, localhost superfish-modified.css Link to comment Share on other sites More sharing options...
vekia Posted July 13, 2013 Share Posted July 13, 2013 it is possible to check your website? it is online? if so, please share the url Link to comment Share on other sites More sharing options...
sooroos Posted July 13, 2013 Author Share Posted July 13, 2013 sry, it is not online, still on localhost Link to comment Share on other sites More sharing options...
NemoPS Posted July 13, 2013 Share Posted July 13, 2013 It's a custom theme, right? Can you check if it's a custom font? (looks like arial but I might be wrong) Anwyay, it's normal if the css has not been correctly reset Link to comment Share on other sites More sharing options...
sooroos Posted July 13, 2013 Author Share Posted July 13, 2013 it is the default theme and i didnt modify the reset code i have attached global.css here global.css Link to comment Share on other sites More sharing options...
NemoPS Posted July 13, 2013 Share Posted July 13, 2013 But the default theme doesn't have rounded corners in the top menu. DId you use a third party plugin for it? Link to comment Share on other sites More sharing options...
sooroos Posted July 13, 2013 Author Share Posted July 13, 2013 i have just added myself "border-radius: 5px;" in superfish-modified.css, it is attached in my 1st post Link to comment Share on other sites More sharing options...
sooroos Posted July 13, 2013 Author Share Posted July 13, 2013 so nobody had this problem before? Link to comment Share on other sites More sharing options...
vekia Posted July 14, 2013 Share Posted July 14, 2013 it's really hard to say whats going on without an access to the store I tried to reproduce your issue but with no luck, the menu looks the same in all browsers for me Link to comment Share on other sites More sharing options...
sooroos Posted July 14, 2013 Author Share Posted July 14, 2013 well i have read some articles about text rendering in different browsers and seems that the problem is common but the solution (namely: text-rendering: optimizeLegibility; in css) does not help me Link to comment Share on other sites More sharing options...
vekia Posted July 14, 2013 Share Posted July 14, 2013 so why i haven't issues in my demo store? It's maybe related to the graphic drivers etc? Link to comment Share on other sites More sharing options...
sooroos Posted July 15, 2013 Author Share Posted July 15, 2013 dunno anyway many thx, i will reply here when the site is live, hope next week. till then maybe some1 had the same problem and write here the solution (hopefully) Link to comment Share on other sites More sharing options...
surferboy Posted September 18, 2013 Share Posted September 18, 2013 I have read through all of the posts and even tried modifying the .sf-menu a { display: block; position: relative; color:#B2B2B2; text-shadow:0 1px 0 #333;} so that the menu items have a darker, greyer appearance when not clicked. I did succeed in changing the hover of the background. So I know I am editing the correct file ... but nothing else. My goal: #1- all inactive links to appear with the color #B2B2B2 #2 - on hover, the link changes to #FFFFFF #3 - if clicked, and that menu item is active, it stays with the color #FFFFFF Any ideas? Thanks, Brian Link to comment Share on other sites More sharing options...
Recommended Posts