HELP! change header drop down menu size?

[izzy99]

My header doesn't change color after I apply some header background code to it. It doesn't do anything when I'm using default RED/WHITE color.

 

Header: I'm trying to achieve something like attached image. please help! been googling the prestashop forum but couldn't find a solution!

 

Thanks,

[mickeyboy1]

For header background colour goto themes/YOUR-THEME/css/global.css around line 5269 you will find

header {
    background: none repeat scroll 0 0 white;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

To make the font smaller on dropdown categories goto themes/YOUR-THEME/css/modules/blocktopmenu/css/superfish-modified.css around line 144 you will find

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

Edited February 16, 2015 by mickeyboy1 (see edit history)

[izzy99]

 

For header background colour goto themes/YOUR-THEME/css/global.css around line 5269 you will find

header {
    background: none repeat scroll 0 0 white;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

To make the font smaller on dropdown categories goto themes/YOUR-THEME/css/modules/blocktopmenu/css/superfish-modified.css around line 144 you will find

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

the drop down menu works great. how do i code it to highlight with a red background then white front when hover?

 

the header code, i couldn't locate it in my global.css. currenly using default theme running on 1.6.0.11 with live configurator red to white theme. I want it similar as when you hover over top horizontal menu.

 

Thanks a lot!

 

 

I have another issue not able to turn on left column in Product because there isn't an option available in themes/advanced setting. any solution could enable this in a code? 

[mickeyboy1]

Sorry i read your first post wrong

If your using the red/white theme then header code is in modules/themeconfigurator/css/theme2.css

 

#header {

    background: none repeat scroll 0 0 #f6f6f6;

}

 

Working on the highlight for you

[izzy99]

that work great!! gonna waiting on highlight.

 

how come you can't turn left column on product page? I don't see the option.

[izzy99]

anybody could come up with a solution? thanks?

[mickeyboy1]

sorry for the late reply.......to change the subcategory to be highlighted red background with white lettering on hover then you need to goto themes/YOUR-THEME/css/modules/blocktopmenu/css/superfish-modified.css around line 145 look for this code

.sf-menu > li > ul > li > a:hover {
      color: #515151; } 

and change it to 

.sf-menu > li > ul > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333333;
    border-bottom-color: #666666;
    color: white; }

As for the column problem have a read through this thread

[izzy99]

sorry for the late reply.......to change the subcategory to be highlighted red background with white lettering on hover then you need to goto themes/YOUR-THEME/css/modules/blocktopmenu/css/superfish-modified.css around line 145 look for this code

.sf-menu > li > ul > li > a:hover {
      color: #515151; } 

and change it to 

.sf-menu > li > ul > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333333;
    border-bottom-color: #666666;
    color: white; }

As for the column problem have a read through this thread

 

 

I had another problem... when top menu is being hover over, the sub drop down menu have a huge gap in between. here's a link to show the problem is.. how do I move it up a bit? http://precisiondepot.ca/dropdown.png 

 

Any solution to fix it?

[mickeyboy1]

In same file you will find 

.sf-menu li ul {
  left: 0;
  top: 59px;

Try changing top: 59px;

 to top: 41px;

[izzy99]

In same file you will find 

.sf-menu li ul {
  left: 0;
  top: 59px;

Try changing top: 59px;

 to top: 41px;

 

THANKS friend!!! That's the last time I need to complete my site. CHEERS!!!

[mickeyboy1]

Glad to have been of help

 

To mark a topic as solved then go to:

 

Your first Topic > Edit > Use full editor > add [solved] at the beginning