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

Business – WordPress WooCommerce Theme

lazy-placeholder

Kids Toys Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Artmaxy Store – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 02 – Multivendor WP WooCommerce Theme

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Hotel – WordPress Theme

lazy-placeholder

Babyland 01 – 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.