How to edit mobile view without changing the desktop view as well?

  • askinternational

    (@askinternational)


    8 months ago

    Hi,

    I created my website just on the standard Edit on WordPress using blocks. When I change to the mobile version and try to make some changes, for example change font size, it affects the desktop version as well.

    Is it possible to edit the mobile version so it doesn’t affect the desktop version and how?

Viewing 1 replies (of 1 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hello there,
    if you are using the default font sizes provided by Wonder theme, they are designed to be resized according to screen resolution since they are using the modern css clamp() function to set the font size.

    If you are not fully satisfied with this, you can proceed with 2 possible ways:

    • the first one is to create your own child theme where you will add your theme.json file containing the new font sizes. Like

    "fontSizes":[
    {
    "fluid": {
    "min": "1.2rem",
    "max": "4rem"
    },
    "name": "Large",
    "size": "4rem",
    "slug": "large"
    }
    ]
    in this case the font size Large is overrided to be from 1.2rem in mobile view to 4rem in desktop view.

    • the second option is to add your custom css and work with responsive mediaqueries to override the theme css. Like

    @media (max-width: 600px) {
    .has-huge-font-size {
    font-size: 2rem;
    }
    }

    Let me know if this helped you

Viewing 1 replies (of 1 total)
  • The topic ‘How to edit mobile view without changing the desktop view as well?’ is closed to new replies.

Tags