Return to previous page

Header Height - by Nikita Desai - on WordPress WooCommerce support

This topic has 10 replies, 2 voices, and was last updated 2 years ago ago by Olga Barlow

Nikita Desai

Participant

May 27, 2019 at 14:38

Hi! Loved the theme and support so we decided to use it in another site as well…what we want to do here is reduce the page header height (seen when page loads) to the height of header after scrolling (which is a lot less). How do we do this? We’re building on a staging site at the moment.

Please, contact administrator
for this information.

#214435 Copied Theme version: Woopress 4.5.3

9 Answers
Olga Barlow

Support staff

May 27, 2019 at 18:53
Hello,

Add the following code to Theme Options > Custom CSS
```
.navbar {
    padding: 20px 0;
}
```
Regards
#214440 Copied
Nikita Desai

Participant

May 28, 2019 at 07:02

No, that did not work. the header (which has the main menu) is still larger on load than on scroll. is there any way i can send you a screen shot of what i want?

#214446 Copied

Olga Barlow

Support staff

May 28, 2019 at 07:26

Hello,

I don’t see the mentioned code in the custom CSS http://prntscr.com/nu94quhttp://prntscr.com/nu94qu

Make sure that you added the code and cleared the cache if you use any cache plugin, server cache or CDN.

Regards

#214447 Copied

Nikita Desai

Participant

May 30, 2019 at 08:29

Done as suggested. Looking good if still a little larger than the menu visible on scrolling, might also be because it has a shadow applied. Thanks for the help!

#214608 Copied

Rose Tyler

Support staff

May 30, 2019 at 08:47

You can change the previous code to https://prnt.sc/nva2f6

Regards

#214609 Copied

gtstyling

Participant

March 29, 2022 at 04:49

Hello, I used your css to fix the nav height however I have an issue with the revolution slider position. I reduced the margin by -15px to move the slider up to reduce the spacing under the GTS logo and nav bar. I still does not work. For some reason the revolution slider has a large margin on the top and bottom that I can not seem to remove. If I use an 8thme banner the problem is not present so it is something with the slider.

The category pages are good, home page with slider does not center the logo and the nav bar in the header

category page: https://paste.pics/GJ3QL
home page:https://paste.pics/GJ3PV

#320775 Copied

Olga Barlow

Support staff

March 29, 2022 at 17:43

Hello @gtstyling

I don’t see the mentioned issue once checked your site https://www.awesomescreenshot.com/image/24873773?key=10801a89c00dce6f8fbc95009b17ed1b
Have you sorted out?

Regards

#320814 Copied

gtstyling

Participant

April 26, 2022 at 09:46

Yes, I figured it out thanks

#322690 Copied

Olga Barlow

Support staff

April 26, 2022 at 15:36

Hello,

Glad to hear that.

Regards

#322719 Copied
Viewing 10 results - 1 through 10 (of 10 total)