Global edits different across all devices

Hi

How can I edit for a specific device with out it changing everything else on another device.

For example.

Desktop, laptop and mobile are all the same but tablets need to be edited a fair bit. But when I do it edits everything else.

How can I just edit a specific device and not have it change everything globally

Hi There,

You can wrap your custom CSS inside the @media query, something likes this:

@media (min-width: 768px) and (max-width: 1024px){
//your custom CSS will go here.
}

For more information, please take a look at this article: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/.

Regards!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.