Return to previous page

I want the margin change to only apply to desktop and not mobile.

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

Catholicans

Participant

April 27, 2023 at 10:57

Whenever I modify the margin for the main header on desktop, it also affects the mobile margin. However, I want the margin change to only apply to desktop and not mobile to decrease the height of the header. Is there a way to make this happen?
Screenshot: https://snipboard.io/MPwrXm.jpg

#354708 Copied Theme version: 0.0.1 WooCommerce version: Version 7.5.1

1 Answer
Rose Tyler

Support staff

April 27, 2023 at 12:30
Hello, Catholicans,

Thank you for getting in touch with us.

Mentioned settings work for all devices.

You can use the next custom CSS code in Theme options > Theme Custom CSS > Desktop:
```
.header-top .et-container {
    margin-top: -25px;
}
```
We hope this information is helpful.

Kind Regards,
8theme team
#354720 Copied
Tagged: desktop, margin, mobile, themes, woocommerce, wordpress
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

Spa – WooCommerce Theme

lazy-placeholder

Delivery – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Kids Store – WooCommerce Theme

lazy-placeholder

Home Decor Store – WordPress WooCommerce Theme

lazy-placeholder

Pub – WordPress Theme

lazy-placeholder

Spice Store – WordPress WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Water Delivery – 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.