Text responsive mobile - by Eduard - on WordPress WooCommerce support

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

  • Avatar: Eduard
    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

    11 Answers
    Avatar: Rose Tyler
    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

    Avatar: Eduard
    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

    Avatar: Rose Tyler
    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://www.8theme.com/documentation/xstore/theme-translation/translation-files-update/ If this doesn’t help, provide temporary wp-admin access, so we can take a closer look.

    Regards

    Avatar: Eduard
    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.
    Avatar: Rose Tyler
    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

    Avatar: Eduard
    Eduard
    Participant
    February 29, 2020 at 16:14

    ok thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 29, 2020 at 16:28

    You’re welcome! Thanks for understanding.

    Regards

    Avatar: Eduard
    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

    Avatar: Rose Tyler
    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

    Avatar: Eduard
    Eduard
    Participant
    February 29, 2020 at 20:57

    thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 1, 2020 at 09:03

    You’re welcome!

    Regards

  • Viewing 12 results - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.Log in/Sign up

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