How To To Reduce The Height Of The Header?

[HH Services Limited]

Hello, 

    If we want to reduce the height of the header so that the top block menu, cart block and logo can be more compressed, where should we do the changes and what changes should be done to get this done?

Thank you

[Naman_Bhatla]

Hi,

 

Can you share any screen shots of how your header should be???

 

And which theme of Prestashop are you using??

[HH Services Limited]

Hi,

 

Can you share any screen shots of how your header should be???

 

And which theme of Prestashop are you using??

Hi, it will be something like this:

Before:

 

And After:

 

Any ideas on how to reduce the size of the header on the default theme?

Thanks

Edited January 18, 2016 by De La Riviere (see edit history)

[tuk66]

Change these styles

#block_top_menu {
    padding-top: 0;
}

#header .shopping_cart {
    padding-top: 10px;
}

[HH Services Limited]

 

Change these styles

#block_top_menu {
    padding-top: 0;
}

#header .shopping_cart {
    padding-top: 10px;
}

Thanks for your reply. In which file should I make these changes?

[Naman_Bhatla]

Hi,

 

Place #block_top_menu in blocktopmenu.css and #header .shopping_cart in blockcart.css you will find both of these files in themes->default-bootstrap->css->modules

 

 

We hope it works  

Edited January 21, 2016 by Naman_Bhatla (see edit history)

[HH Services Limited]

 

Change these styles

#block_top_menu {

    padding-top: 0;

}

 

#header .shopping_cart {

    padding-top: 10px;

}

 

Place #block_top_menu in blocktopmenu.css and #header .shopping_cart in blockcart.css you will find both of these files in themes->default-bootstrap->css->modules

 

IT WORKS!!

Edited January 21, 2016 by De La Riviere (see edit history)