Return to previous page

Big Header padding in mobile view - by civetcafe

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

civetcafe

Participant

January 20, 2018 at 21:36

Hello,

I have a big heade padding in the mobile view. How can I fix this?

http://prntscr.com/i38bxd

The line in the breadcrumbs on the top seem to be missing also.

#182514 Copied

3 Answers
Rose Tyler

Support staff

January 22, 2018 at 09:33
Hello,

Please try to add this code in Global Custom css:
```
@media only screen and (max-width: 768px) {
.header-wrapper header .container-wrapper {
    border-bottom: 1px solid #e6e6e6;
}
.home .header-wrapper header .container-wrapper{
    border:none;
}
.page-heading, .et-header-overlap .page-heading, .et-header-overlap .page-heading.bc-size-small, .page-heading.bc-size-small {
    padding-top: 135px;
}
}
```
Regards
#182565 Copied
civetcafe

Participant

January 22, 2018 at 21:09

Hello. The code works.

thank you so much.

Regards,
Ana

#182668 Copied

Rose Tyler

Support staff

January 23, 2018 at 08:16

Hello,

You’re welcome!

Regards

#182689 Copied
Tagged: big header, mobile view, padding, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Legenda – WooCommerce WordPress Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WooCommerce Theme

lazy-placeholder

X-Phone Store – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WooCommerce Theme

lazy-placeholder

Kids Toys Store – WordPress WooCommerce Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.