Jump to content

Top Horizontal Menu Module


DCS4U

Recommended Posts

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

post-1440162-0-45641300-1506628330_thumb.png

Link to comment
Share on other sites

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...