Jump to content

1.6.10 - Horizontal Menu Default Theme - Stretch Elements To Use Full Width


Go to solution Solved by Paulito,

Recommended Posts

Hi all!

 

I have 5 menu-elements on the top-horizontal menu. Default theme, 1.6.1.0.

 

I would like to stretch all these elements, so that they align perfectly on the full width of the menu-bar.

See the image attached - I have WOMEN | DRESSES | T-SHIRTS | MENU ITEM 4 | MENU ITEM 5

 
uVkxi.jpg

 

I have tried to work something out, but I notice that this menu is put together by 3 different css-files.

 

Any help is appreciated!

Edited by Gomlers (see edit history)

Share this post


Link to post
Share on other sites
  • Solution

Hello

 

Using PS 1.6.0.9 default

 

I just put this code at the bottom of global.css

 

/* Tabs on Horizontal Menu full width */

.sf-menu > li > a {padding: 17px 161px!important;}

 

Just change the 161px to whatever you require

 

Before

http://screencast.com/t/vKjrvWRZ8Fso

 

After

http://screencast.com/t/QJI813SDg0o

 

Paul

  • Like 1

Share this post


Link to post
Share on other sites
  • 1 month later...

Hi, would this work on Prestashop 1.6.1.1? Also, forgive my ignorance, what do the 17 and 161px signify? I.e. how do you know what you would need to change the 161 to? Thanks!

Share this post


Link to post
Share on other sites

You can just try, and check your site.

If 161 is too wide, so the menu uses two lines, you just adjust to ex. 150px. If that is too small, try setting it to 155px and so.. :)

Share this post


Link to post
Share on other sites

You can just try, and check your site.

If 161 is too wide, so the menu uses two lines, you just adjust to ex. 150px. If that is too small, try setting it to 155px and so.. :)

DOesnt work on my site. After installation this is the first change I made but there is no difference. Which global.css you are refering to?

Representing thetruelightministry.org

Share this post


Link to post
Share on other sites

Unfortunately it's not working for me (default theme 1.6.1.1) - my menu already extends over 2 lines as I have lots of categories, but thanks for the clarification! If anyone comes up with a solution for 1.6.1.1, please let me know!

All the best!

Kat x

Share this post


Link to post
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...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More