Return to previous page

Header spacing after update - by irinakk

This topic has 4 replies, 2 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

irinakk

Participant

October 9, 2018 at 09:03

Hi team,

I am having issues with the header on my website, it is not aligned in the middle of the white header space.
I did put some code in prior to the theme update, which I removed now as I thought it distorted the header, but them problem is still the same.

So, what we need to achieve:
1) Align the menu and logo in the middle of the white header space.
2) A solution across browsers to reduce header space to 90 px.

Many thanks,
Irina

PS I would like to stay on this current version of the theme 5.0.2, as the last update threw my site off completely and I can not afford to fix it again right now.

#200734 Copied Theme version: 5.0.2 WooCommerce version: 3.4.5

3 Answers

Rose Tyler

Support staff

October 9, 2018 at 09:20

Hello,

Paddings for header http://prntscr.com/l3w8nc you can change in Theme Options > Header > Header styles. These paddings http://prntscr.com/l3w9wk can be changed via Theme Options > Menu > Menu styling > Main menu links > Customize > Paddings.

Regards

#200739 Copied

irinakk

Participant

October 9, 2018 at 11:06

That worked, thanks a lot!

And one more question, the fixed header I get when scrolling, the fixed logo is quite big and so is the height of the header – how can I make the fixed header height 80px and the logo height 70 px?

Cheers!

#200749 Copied
Rose Tyler

Support staff

October 9, 2018 at 12:27
Please add this code in Theme Options > Custom css > Custom css for desktop:
```
.fixed-header .header-logo img.logo-fixed {
    max-height: 70px;
}
.fixed-header > .container {
    padding-top: 5px;
    padding-bottom: 5px;
}
```
Regards
#200756 Copied
Viewing 4 results - 1 through 4 (of 4 total)