Return to previous page

Header on Multistep cart page too tall – Mobile

This topic has 4 replies, 3 voices, and was last updated 2 months, 3 weeks ago ago by Andrew Mitchell

ryan

Participant

February 7, 2024 at 08:31

Hi there, I have tried to decrease the height of the Multistep header with css, but I can’t seem to decrease it enough.
It’s manageable but slightly too tall on mobile devices.
Thanks for the help!

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#382657 Copied Theme version: 9.2.7

3 Answers

ryan

Participant

February 7, 2024 at 08:40

You can really see how much of the screen it takes up here:

Files is visible for topic creator and
support staff only.

#382658 Copied
Rose Tyler

Support staff

February 7, 2024 at 10:53
Hello,

Thank you for contacting us and for using XStore.

To proceed with your request, kindly navigate to the Theme Options, then select ‘Theme Custom CSS’, and finally, input the following code under the ‘Mobile’ section:
```
.cart-checkout-multistep .header-wrapper .align-end {
    padding: 10px;
}
.cart-checkout-multistep .et_b_header-logo.et_element-top-level img {
    max-width: 80px;
}
.cart-checkout-multistep .header-wrapper .et-wrap-columns>.et_column+.et_column {
    margin-top: 0px;
}
.cart-checkout-multistep .cart-checkout-nav-simple {
    font-size: 100%;
}
```
Should you require any further assistance, please do not hesitate to contact us.

Warm regards,
The 8Theme Team
#382670 Copied
Andrew Mitchell

Support staff

February 7, 2024 at 18:10

Dear ryan,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#382737 Copied
Tagged: best selling, header adjustment, mobile optimization, multistep cart, user friendly, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Header on Multistep cart page too tall – Mobile’' has been successfully resolved, and the topic is now closed for further responses

Header on Multistep cart page too tall – Mobile

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection