Return to previous page

Topic: Global CSS for Padding on Products Titles on Mobile Breakpoint

slippery

Participant

November 23, 2022 12:20 am

Hello,

Due to the limitations of WordPress/Elementor, I had to create unique Single Product Pages for every product and somehow, the titles look incorrect on the mobile breakpoint.

Instead of adding padding to every Single Product Page, I was hoping I could simply add some global CSS for padding (10px) that affects the WooCommerce Product Title on mobile.

Looking forward to your help.
Thank you.
Theme version: 8.3.7

Content is visible for topic creator and
support staff only.

#339298 copied to clipboard
Rose Tyler

Support staff

November 23, 2022 5:51 am
Hello,

Add the next code in Theme Options > Theme custom CSS > Global:

@media(max-width:763px){ .single-product .product_title { padding: 0px 10px; } }

Regards
#339319 copied to clipboard
slippery

Participant

November 23, 2022 12:30 pm

Thank you, you’re a legend!

#339361 copied to clipboard

Viewing 3 results

1 through 3 (of 3 total)

The topic ‘Global CSS for Padding on Products Titles on Mobile Breakpoint’ is closed to new replies.

8theme system image

Upload your translation files

Click on the desired target language for which you already have a translation.

Choose file (max-size 1mb, zip or rar)

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.