Return to previous page

Change header height - by capri_2794 - on WordPress WooCommerce support

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

capri_2794

Participant

November 5, 2018 at 12:33

Hello,

I need to change header height of my theme. I have added CSS codes as mentioned previously in the forum but they have not helped. I need 5px padding on top and bottom of my logo.

Please help.

Regards

Please, contact administrator
for this information.

#202372 Copied

9 Answers
Rose Tyler

Support staff

November 5, 2018 at 13:05
Hello,

Please try to change this custom css code (Theme Options > Custom css > Global custom css):
```
.header .navbar {
    padding-top: 0px;
    padding-bottom: 0px;
}
```
to
```
.header .navbar {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.header .navbar .tbs {
    padding-top: 0px;
}
```
Also, Theme Options > Header Settings > Header color scheme > Dark.

Regards
#202378 Copied
capri_2794

Participant

November 5, 2018 at 15:43

Thank you Rose for your help.

But there are a few things that I need:
-The fixed navigation header has shrinked but not the actual one when I am on top of the page.
-The fixed navigation header has become blac (dark) but I need it to be light.

Regards

#202407 Copied

capri_2794

Participant

November 5, 2018 at 15:50

I have changed padding value and the above problem has been resolved. But will be please tell how to make the “cart” area smaller? Because it is being chopped off from the top.

Also, I need it to say “bag” instead of “cart” throughout the website.

Please tell how I can make that change.

Regards

#202410 Copied

Rose Tyler

Support staff

November 5, 2018 at 15:53

1) Please describe the desired result in more details.
2) http://prntscr.com/len1ry https://prnt.sc/len21h

Regards

#202411 Copied

Rose Tyler

Support staff

November 5, 2018 at 15:56

Try to change “Cart” using translation files https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/ create English translation for Royal theme, change strings, for example, http://prntscr.com/len3kg and disable the plugin.

Regards

#202412 Copied

capri_2794

Participant

November 5, 2018 at 18:26

All done. Just as mentioned previously, the cart button is being cut. Here is how it is:
https://prnt.sc/leovxk

#202418 Copied
Rose Tyler

Support staff

November 6, 2018 at 09:37
```
.header .cart-bag {
    padding-top: 13px;
}
.header .badge-number, .fixed-header-area .badge-number {
    top: 12px;
    right: -8px;
}
```
Also, Theme Options > Header Settings > Fixed header color scheme > Dark.

Regards
#202466 Copied
capri_2794

Participant

November 10, 2018 at 12:11

I have used this custom CSS but the problem is still there:
http://prntscr.com/lgmhmb

#202832 Copied

Rose Tyler

Support staff

November 12, 2018 at 09:46

Please clear cache and check one more time – http://prntscr.com/lh9kh9

Regards

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