Mobile only settings

Is there a way to only edit the appearance of the mobile version of my site if so, How could I see how its working without the need of a mobile device?

Hello there,

Thank you for asking.

Editing the site appearance means you will work a lot with CSS stylesheet. To apply your custom CSS styling only on a specific mobile device screen width, you will use the CSS media query. Please refer here.

You can add your CSS code through the Simple Custom CSS plugin or child theme’s style.css. So it will remain once the theme gets updated in the future.

To test the changes without real mobile device, you can use the browsers’ tool. On Firefox, you can enable responsive design view mode (Tools > Web Developer > Responsive Design View). On Chrome, it can be enabled through View > Developer > Developer Tools > Toggle device mode (phone icon).

I hope this reply helps.