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

Lawyer – WordPress WooCommerce Theme

lazy-placeholder

Hosting Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

HandMade Store – WooCommerce Theme

lazy-placeholder

Niche Market – Multivendor WP WooCommerce Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

Industrial Power Tools Store – WordPress WooCommerce Theme

lazy-placeholder

Language Courses – WordPress WooCommerce Theme

lazy-placeholder

X-Phone 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.