Return to previous page

Topic: Header Height - by Nikita Desai - on WordPress WooCommerce support

Nikita Desai

Participant

May 27, 2019 2:38 pm

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.
Site URL: hidden
Theme version: Woopress 4.5.3

Content is visible for topic creator and
support staff only.

#214435 copied to clipboard
Olga Barlow

Support staff

May 27, 2019 6:53 pm
Hello,

Add the following code to Theme Options > Custom CSS

.navbar { padding: 20px 0; }

Regards
#214440 copied to clipboard
Nikita Desai

Participant

May 28, 2019 7:02 am

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 to clipboard

Olga Barlow

Support staff

May 28, 2019 7:26 am

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 to clipboard

Nikita Desai

Participant

May 30, 2019 8:29 am

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 to clipboard

Rose Tyler

Support staff

May 30, 2019 8:47 am

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

Regards

#214609 copied to clipboard

gtstyling

Participant

March 29, 2022 4:49 am

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 to clipboard

Olga Barlow

Support staff

March 29, 2022 5:43 pm

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 to clipboard

gtstyling

Participant

April 26, 2022 9:46 am

Yes, I figured it out thanks

#322690 copied to clipboard

Olga Barlow

Support staff

April 26, 2022 3:36 pm

Hello,

Glad to hear that.

Regards

#322719 copied to clipboard