Jump to content

Edit Top Menu


Recommended Posts

I have recently installed and setup prestashop 1.6 using the default bootstrap theme.

 

I need help to change the way the categories are displayed

 

 

I need to change the way the sub categories are displayed. Currently the first level of sub level cats show in big and bold text and the 2nd level of sub cats show smaller and follow down as a list.

 

I want to change the settings so the first level of sub cats show the same as the 2nd level. To get this to work i am having to create a sub category the same name as th etop category so the 2nd level sub cats are the ones i want to use but then the 1st level sub cats are showing "there is no products in this category"

 

See attached images i have tried to explain this as best i could but think the image explain it easier.

 

Thanks in advance for your help with this matter

 

 

post-918596-0-20446200-1422567240_thumb.jpg

 

 

post-918596-0-21337400-1422567241_thumb.jpg

Link to comment
Share on other sites

superfish-modified.css

line ~140

.sf-menu > li > ul > li > a {
    display: inline-block;
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #333333; 
}

change it to:

.sf-menu > li > ul > li > a {
position: relative;
color: #777777;
font-size: 13px;
line-height: 16px;
font-weight: bold;
padding-bottom: 10px;
}

.sf-menu li li a:before {
content: "\f105";
display: inline-block;
font-family: "FontAwesome";
padding-right: 10px;
}

 

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...