Return to previous page

Text responsive mobile - by Eduard - on WordPress WooCommerce support

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

Eduard

Participant

February 28, 2020 at 11:32

how could i do put in child css the sizes for mobile text: example:
h1: 1em,
h2: 2em,
p: 0.5em,
etc.

because the text is too large on the mobile
and I want to be on the desktop a text size, and a mobile text size

#230467 Copied Theme version: 6.2 WooCommerce version: 3.9

11 Answers
Rose Tyler

Support staff

February 28, 2020 at 13:50
Hello,

To apply custom CSS code for mobile, you can use appropriate area in Theme Custom CSS or media query – https://www.w3schools.com/css/css_rwd_mediaqueries.asp
For example, this code can be added in style.css of your child theme:
```
@media only screen and (max-width: 480px) {
    h1 {
        font-size: 1em !important; 
    }
    h2 {
        font-size: 2em !important;
    }
    p {
        font-size: 0.5em !important;
    }
}
```
Regards
#230472 Copied
Eduard

Participant

February 29, 2020 at 14:59

Thank you very much you are the best.

Please help me with something else, how to find this string to translate with locotranslate
https://prnt.sc/r9hdkx

#230503 Copied

Rose Tyler

Support staff

February 29, 2020 at 15:13

You’re welcome!
Do you use an additional plugin to calculate the discount or it is a part of default WooCommerce functionality? Have you checked the translation of WooCommerce plugin? Make sure that translation files are updated – https://xstore.helpscoutdocs.com/article/103-translation-files-update If this doesn’t help, provide temporary wp-admin access, so we can take a closer look.

Regards

#230504 Copied

Eduard

Participant

February 29, 2020 at 16:04

yes I use a WooCommerce Ultimate Points and Rewards plugin,
but I still can’t find it, I searched everywhere

Please contact administrator
for this information.

#230506 Copied

Rose Tyler

Support staff

February 29, 2020 at 16:11

If the text comes from the plugin, but can’t be translated, contact support of the plugin.
Sorry, but we are theme support, so we are able to help with questions related to our theme only.

Regards

#230508 Copied

Eduard

Participant

February 29, 2020 at 16:14

ok thank you

#230509 Copied

Rose Tyler

Support staff

February 29, 2020 at 16:28

You’re welcome! Thanks for understanding.

Regards

#230510 Copied

Eduard

Participant

February 29, 2020 at 16:31

ok you can tell me how to put icons in the menu only on the mobile version

https://prnt.sc/r9if1j

#230511 Copied
Rose Tyler

Support staff

February 29, 2020 at 17:37
Hello,

Do you want to hide current icons from desktop http://prntscr.com/r9j5rz ? Add the next code in Theme Options > Theme Custom CSS > Custom CSS for desktop:
```
.et_b_header-menu i {
    display: none !important;
}
```
Regards
#230513 Copied
Eduard

Participant

February 29, 2020 at 20:57

thank you

#230515 Copied

Rose Tyler

Support staff

March 1, 2020 at 09:03

You’re welcome!

Regards

#230519 Copied
Viewing 12 results - 1 through 12 (of 12 total)