[SOLVED] How to reduce home page spacing (around horizontal menu)

[abhey.thareja]

Hi,

 

Would like to reduce the spacing above and below the top horizontal menu, and also under the top banner for the home page opens in such a way that the entire image slider is visible without the scroll. 

 

Attached image for reference.

 

Thanks,

~A~

 

eshop: www.CarLEDIndia.com

Prestashop ver: 1.6

Edited April 30, 2014 by abhey.thareja (see edit history)

[NemoPS]

blocktopmenu.css, remove top padding (for the menu)

For the columns (center of the page: #columns in global.css, again, top padding

 

For the top part, remove the top padding from header-logo (header .row #header_logo)

[ZinC]

blocktopmenu.css, remove top padding (for the menu)

For the columns (center of the page: #columns in global.css, again, top padding

 

For the top part, remove the top padding from header-logo (header .row #header_logo)

Wouldn't that affect the apperance of breadcrump part?

Edited April 28, 2014 by ZinC (see edit history)

[abhey.thareja]

@Nemo1 -  Thank you Thank you Thank you so much 

[NemoPS]

Wouldn't that affect the apperance of breadcrump part?

The spacing above breadcrumbs will be reduced of course, but this is what  the user needed

[Oktay]

blocktopmenu.css, remove top padding (for the menu)

For the columns (center of the page: #columns in global.css, again, top padding

 

For the top part, remove the top padding from header-logo (header .row #header_logo)

 

 

Please can you explain in more detail? blocktopmenu.css is empty. We're going to change which file? Give us a path.

 

Thanks...

[ZinC]

 

Please can you explain in more detail? blocktopmenu.css is empty. We're going to change which file? Give us a path.

 

With the permission of Nemo1..

Add/change in: yourshop/themes/yourtheme/css/modules/blocktopmenu/css/blocktopmenu.css

#block_top_menu {
  padding-top: 0px;
 }

Set padding to 0px in: yourshop/themes/yourtheme/css/global.css

#columns {
  position: relative;
  padding-bottom: 50px;
  padding-top: 0px; }

And for the top part, set padding-top to 0px in: yourshop/themes/yourtheme/css/global.css

header .row #header_logo {
    padding-top: 0px;
}

I for my self did remove more padding above topmenu and moved search and cart fields to be aligned to the logo which makes the the whole header more compact.

 

Hope this will help.