DCS4U Posted September 28, 2017 Share Posted September 28, 2017 First of thanks to everyone who posts to resolve the constant remedial questions like I myself have, Im sure it gets really repetitive but us newbies really do appreciate it Im having a small issue with the horizontal menu bar. Im wanting it to spread the size area out amongst each of the headings instead of giving each heading a specific size and then filling the remainder menu bar with a blank space. Can anyone help in rectifying this please? Screenshot attached Link to comment Share on other sites More sharing options...
Scully Posted September 28, 2017 Share Posted September 28, 2017 You haven't given any information on your prestashop version in use. In Version 1.6. the CSS is named /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css The challenge is that the horizontal menu may contain different number of menu entries. So the width would be different if you have 4 menu items compared to 2 or 3. Further problem, the CSS formatting is different depending on screen size of the device. You have to look for the .sf-menu > li CSS rule to chage. You might have to change it for different screen sizes. Link to comment Share on other sites More sharing options...
DCS4U Posted September 29, 2017 Author Share Posted September 29, 2017 Hi, sorry, I'm on 1.6.1.16. Ok, so CSS formatting is different for different sizes of screen, messing around with size changes, it re-configures the menu layout, so I guess this is non issue as resolving what I perceive to be as an issue, could end up displaying completely different on someone else's screen due to different screen size and display settings. Link to comment Share on other sites More sharing options...
Scully Posted September 29, 2017 Share Posted September 29, 2017 There are two main issues: 1. CSS doesn't know anything on how many items are to be dispayed. You could hardcode a setting for example for 3 menu items. But as soon as you add more, your menu will look crappy. 2. Top menu has different settings wich take screen sizes into account. Which could make a change more complicated. Link to comment Share on other sites More sharing options...
DCS4U Posted September 30, 2017 Author Share Posted September 30, 2017 Thanks Scully, so once I have top menu options finalised, I could hardcode that number of menu options and have it that there aren't any in-fil spaces left at the end? Link to comment Share on other sites More sharing options...
Scully Posted September 30, 2017 Share Posted September 30, 2017 You can specifiy something like width:33% Which then would only work for 3 menu times. But to be honest, I don't see the real problem behinde. Personally I wouln't change anything. Link to comment Share on other sites More sharing options...
DCS4U Posted September 30, 2017 Author Share Posted September 30, 2017 Think I'll heed your advice on this one Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now