1.6.1.4 Submenu Extends to the next line

[charlesthenewb]

Hi All,

 

Good Day,

 

I am currently using the default template. I am encountering an issue with prestashop in the top horizontal menu. The subcategories of the parent category is extending the next line. I want to make my submenu in just 1 line. I want to make my submenu like this (exact submenu i want.png).  Please see attached image on the issue that i am encountering (Prestashop Submenu.png) .

 

Thanks in advance 

 

Charles.

 

[SupportPS]

Hello.

You want your menu look like the first picture?

[charlesthenewb]

Yup I want to make my menu like that.

Edited April 8, 2016 by Chalesthenewb (see edit history)

[NemoPS]

I would just shrink the size of each list item. Can you link the site?

[SupportPS]

Yup I want to make my menu like that.

Write me pm, or remove your post to the job offers section.

[charlesthenewb]

Hi Sir Nemo,

 

Good Day.

 

My website is only inside my laptop meaning it is only a localhost.It is not yet live.

 

Thanks

 

Hi SupportPS,

 

Oops sorry i didnt notice that this topic was inside the job offer section forum. By the way, I already send a new pm with regards to the submenu.

 

Thanks

 

Regards,

 

charlesthenewb

Edited April 17, 2016 by charlesthenewb (see edit history)

[NemoPS]

In the theme folder, css, modules, blocktopmenu, there is a file named superfish-modified.css.
Around line 148, it has this definition
 

.sf-menu > li > ul > li {

 float: left;

width: 20%;

padding-right: 15px;

}

Change that 20% to auto or something smaller

[charlesthenewb]

Hi Sir Nemo,

 

Good Evening.

 

It works i just edited it to 10% instead of auto.

.sf-menu > li > ul > li {

  float: left;

  width: 10%;

  padding-right: 15px; }

 

Here is the screenshot

 

Thanks

 

Regards

 

charlesthenewb