Header size

Highlighted
New Member
2 0 0

Hello,

 

I have two problems:

1) I would like to decrease the height of the header, I found it too big (see picture). I would like to make it the same size of the sticky header when you scroll down the page.

Screen Shot 2020-06-28 at 2.34.36 PM.png

2) Sometimes the menu goes behind the main picture on the homepage when you scroll up and down (See picture).

Screen Shot 2020-06-28 at 2.33.39 PM.png

 

Can anyone help me fix this problems?

0 Likes
Highlighted
Excursionist
26 1 2

Hi The Rocky Pet,

1) You have to resize the height of the header trough CSS.  
Try to add following code in your CSS file:

header, .site-header {
height: 4rem;
}

2) You can try to add into your CSS file:

header, .site-header {
z-index: 999;
}

It would be much better if you can provide more info about the shop (URL, theme name etc.), so I can try to give you the right answers.

If you need custom modification on store - contact us
If we were helpful then please Like and Accept Solution .
SkyDream Web
https://skydream.info
0 Likes
Highlighted
New Member
2 0 0

Hi, SkyDream,

Thank you for the help. The code didn't quite work. The code reduced the header size, but the logo and the text remained the same size, so everything came out of proportion. This code also affected the sticky header which I like how it originally looks. I would like the main header to look the same size as the sticky header.

The website is still under construction, but feel free to take a look at the website. The url is therockypet.com and the password is whaigh

0 Likes