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, 8 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

Books Store – WordPress WooCommerce Theme

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

Web Agency – WordPress WooCommerce Theme

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

Royal – WooCommerce WordPress Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

Wedding – WordPress Theme

lazy-placeholder

Home Decor Store – WordPress 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.