Top Horizontal Menu - How To Center Align?

[Skazz]

Hi, I’m sure I’m asking something simple but I’m not sure how to make the Top Horizontal Menu bar centered - I'm using Prestashop version 1.6.1.1 

 

I’ve managed to get my menu categories centre aligned within the bar, but there’s an un-needed and useless gap either end of the bar when it’s at 100% (screenshot 1 with red ovals attached ). If I change it to 90% in the themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

 

/*** ESSENTIAL STYLES ***/

.sf-contener {

  clear: both;

  float: left;

  width: 90%; }

 

I get rid of the useless ends but my menu block is left aligned (screenshot 2 attached ) – I know changing float to center won’t work, but hopefully someone can tell me how to center align the element when it’s at 90%. Thanks in advance!

All the best!

Kat

Edited March 10, 2016 by Skazz (see edit history)

[hixamail]

Hello, 

 

We need the website URL so we can check the css code that the menu is using.

[Derres]

Hi i have a similar problem.

 

How i can have the border bottom full width in all the lines ?

 

http://postimg.org/image/eeiptgct9/

 

Thanks

[Skazz]

Oh, I'm so sorry! My website link is www.bedlamitesboutique.co.uk but is currently in maintenance mode while I'm building - if you need me to take it off of that mode to view the code, just say the word! I am using a copy of the default theme supplied with Prestashop 1.6.1.1  

 

I did try an alternate way of making the categories look nice, leaving the width at 100% and stretching the categories out across that width as detailed in this post: https://www.prestashop.com/forums/topic/499538-1610-horizontal-menu-default-theme-stretch-elements-to-use-full-width/ by editing the global.css for the theme, however it didn't work on this version, so I removed the code from global.css and changed the width of the top menu back to 90%...somehow, I now have a 90% width with the annoying blank end bits I began with (Screenshot 3 attached ) and if I change the width to 80% it moves onto 3 lines and I still have strange ends! Since I changed everything back, I'm not sure what's happening there, so I hope someone can enlighten me

 

Thanks in advance, look forward to hearing from you!

All the best!

Kat x

Edited March 14, 2016 by Skazz (see edit history)

[Skazz]

Okay, the website is back to the 90% size being left aligned but with the end bits gone, as in the first post - I have cache off and force compile on, so I'm not sure why it's taking a while for changed code to manifest, but never mind. Anyone who can help with the original issue (moving the horizontal menu bar into the center of the page) on the default theme of 1.6.1.1, any help is gratefully appreciated! Thanks in advance!

Kat

[TiendaBelleza]

See this video:

 

[[email protected]]

Hello, how can I achieve this in 1.7 version? There is no superfish