[SOLVED] Header Too Big. Prestashop 1.6 - Warehouse Theme (Design 2)

[Stefan93]

Hi Forum, First of all please feel free to move this topic to the correct category.

I have installed a prestashop cart on my current site presta.swedx.se/shop and the theme itself has a way too big of a header and we want to utlizite this space where the header is empty (above and below the logo).

Please could someone help me out in this matter, would mean the world !

Regards

Stefan

[dioniz]

Welcome Stefan93

I can't tell you exactly where is your code because you have CCC turn on for css but i think it's in yourdomain/themes/yourtheme/css/global.css

Look for this code:

header .row #header_logo {
    height: 140px;
    padding-bottom: 20px;
    padding-top: 20px;
}

Change height:140px to something smaller

[Stefan93]

Hi Prestashop Fanatic

Thank you for the response

I did what you told me and changed it to a whopping 40 Px the problem is now that the logo only moves up the actual header dosent diminish in size from both ends only from the top end.

What do i do?

Please send me instructions on how to turn off CCC so you can see the code.

Regards

Stefan

[dioniz]

To turn off CCC for css go to BO > Advanced parameters > Performance and set Smart cache for CSS to Off

[Stefan93]

Done and done !

[dioniz]

To move logo down find this code in global.css around line 5680:

header .row #header_logo img {
    bottom: 0;
    display: inline-block;
    margin: auto;
    max-height: 100px;
    position: absolute;
    top: 0;
}

Change top to some bigger number.

 

To make gap even smaller find this code in yourdomain/shop/themes/warehouse/css/modules/blockcart/blockcart.css:

#header .shopping_cart {
    float: right;
    padding-top: 44px;
    position: relative;
}

Change padding-top to some smaller number.

[Stefan93]

Thank you so much Dioniz you have been super helpful i will try this first thing in the morning when @ work!

Thanks again you have been such a great help, please let me know if there is anything i can do for you.

Regards

Stefan

[Stefan93]

Hi Dioniz, it worked !

although the only thing remaining now is the search block which is in the slider and i would like to change it so that it is in the Top Menu 

LED-TV, Kiosk, Digital signage etc.. that top menu.. 

How do i move it?

Regards

Stefan

[dioniz]

In yourdomain/shop/themes/yourtheme/css/modules/blocksearch_mod/blocksearch_mod.css find

.on_menu #search_block_top {
    margin: 0;
    position: absolute;
    right: 14px;
    top: 144px;
    z-index: 3;
}

Change top to your needs

[Stefan93]

http://presta.swedx.se/shop/sv/ - Finished product

Thank you SO much Dioniz you have been a super good tutor and a great help ! 

I will be forever grateful!

Regards

Stefan

[dioniz]

You are welcome

I'll mark this thread solved.

 

You can do it yourself next time. Here's how:

 

To mark a topic as [solved] :
- Edit the first post of your topic by clicking on the "Edit" button,
- Click on the "Use full editor" button,
- Add the "[solved]" string at the beginning of your topic title and click on the "Submit Modified Post" button.