Return to previous page

Mobile menu logo issue - by Jarkko - on WordPress WooCommerce support

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

Jarkko

Participant

March 6, 2018 at 05:24

Please see mobile screenshot: https://prnt.sc/inf3ft

I would need to make the floating area marked with the red arrow smaller in heigth (at least 50%). I have a few ideas how to make it and depending on the solutions, I’ll pick one (or more):

1) Can I make the area smaller in height without changing the logo size? How?
2) Can I make the logo smaller in the mobile view? How? *
3) Can I have the logo removed in the mobile view? How? *
4) Can I use a totally different (smaller) logo for mobile view only? How? *
5) Can I have the whole area not visible on the checkout page in mobile view? How?

*) Will this affect the height of the area?

Thanks!

#187262 Copied

1 Answer
Rose Tyler

Support staff

March 6, 2018 at 11:56
Hello,

You can add css code in Theme Options > Custom css > Custom css for mobile:
1.
```
.fixed-header-area {
    padding-top: 0px;
    padding-bottom: 0px;
}
```
2.
```
.fixed-header-area .header-logo img {
    max-height: 40px;
}
```
3.
```
.fixed-header-area .header-logo {
    display: none;
}
```
4. Sorry but this is not possible to use another logo on mobile.
5. To disable the fixed header on some page:
```
@media (max-width: 480px) { 
    .fixed-header-area {
        display:  none;
    }
}
```
go to edit a page > http://prntscr.com/inj8it

Regards
#187318 Copied
Viewing 2 results - 1 through 2 (of 2 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

Minimal Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Yoga Accessories – WordPress WooCommerce Theme

lazy-placeholder

Marseille04 – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

lazy-placeholder

Customization service (hour)

lazy-placeholder

Zoo Shop – WooCommerce Theme

lazy-placeholder

Minimal Fashion 03 Store – WordPress WooCommerce Theme

lazy-placeholder

Kidsstore – WooCommerce Theme

lazy-placeholder

Transport – WooCommerce 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.