[SOLVED] Reduce header Size

[flippin]

Hi,

 

I want to reduce the Header Size. How can i do it ?

Refer the attached header file.

Prestashop version - 1.5.6.2

 

 

Regards

Flippin Retails

[dioniz]

Looks like your logo is too big. Try to make height smaller

[flippin]

No.. i tried some other small logo.. it is same.. i want remove the top menubar (Contact, signup) and reduce the size of header.

[dioniz]

Is it possible to see your site?

[flippin]

www.flippin.in i have changed some thing in header.. but i want to remove that top bar (white space above yellow background)

[dioniz]

That domain doesnt work

[flippin]

ohh.. no idea why its not working.. if you come into skype.. i will share my screen..

[dioniz]

This is what i get

[flippin]

yes. .may be outside India its not working...

[vekia]

i see just white page on flippin.in

it will be hard to help without an access to website

[flippin]

am not sure why you guyz not able to access my website.. but it working fine for me.. i am new to this.. any idea ?

[flippin]

Can you try - http://flippin.in/index.php

[vekia]

your page just doesnt want to work with "www" - this is why we can't access probably.

 

this is how your header looks like now:

 

 

if you want to move whole menu a bit up, what with logo then? there will be no space for logo

 

the only one, easy wat to decrease height is decreasing height of this:

[flippin]

where can i decrease the height of this ?

[vekia]

in code:
 

#search_block_top {
text-align: center;
clear: both;
padding: 60px 0 0;
}

remove padding 60px 0 0;

 

i have no idea where this code is, because your css files are minified. turn on CCC for css files and i will show you correct file

[flippin]

I have turned on the ccc for css files.

[flippin]

hey vekia..  got it.. thanks a lot.. 

[vekia]

thank you for information

so, problem definitely solved?

[flippin]

yes solved but i want to remove some spaces in that header.. can you help me in that.. sorry i am new to this.. so if you dnt mind and help on that ? http://postimg.org/image/ucy0vcur5/full/

[vekia]

increase margin-top for .sf-contener 

you will need to change background position param from bottom to top (for .mode_header)

[flippin]

Perfects.. its working now... Thanks a lot. you can set this thread as resolved..

[vekia]

you're welcome

thank you for information.

topic marked as solved as you suggested

you can also mark own topics as solved:

 

 

[sOLVED] Topic
If, after posting a topic, you find a solution to your problem, please indicate it in your post and describe the solution.
Furthermore if you are the author of the topic for which a solution has been found, please edit your topic title to mark it as [sOLVED].

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.

[HH Services Limited]

in code:

 

#search_block_top {
text-align: center;
clear: both;
padding: 60px 0 0;
}

remove padding 60px 0 0;

 

i have no idea where this code is, because your css files are minified. turn on CCC for css files and i will show you correct file

Hello Vekia, thanks for your help here in the forum.

I see that this post is half solved as you show what to do, but not where. If we want to reduce the height of the header so that the top block menu, cart block and logo can be more compress, where should we do the changes and what changes should be done if different than the ones shown above?

Thanks again.

[HH Services Limited]

Found solution:

 

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