[Mark Donnison]

Home page posts – Desktop Requirement: image thumbnail on the left, text on the right, with the continue reading button underneath.
Home page posts – Mobile Requirement: image full-width top, then the text, and then the button.

Whatever I select the mobile view and make a change, it also makes the change to the desktop. How do I separate the two?

Cheers
Mark

[tikaram]

@markdonnison: Please post in your site URL.

Regards,
Tikaram

[Mark Donnison]

https://reasonusers.com/

[tikaram]

@markdonnison: For Mobile you will need to make use of media query and write css that applies to mobile only. Let me know if you want me to Provide the css or you already have the css.
This is an example query that applies to mobiles with screen smaller than 600px.

@media only screen and (max-width: 600px) {
 /*your css code for mobile goes here*/
}

Regards,
Tikaram

[Mark Donnison]

From the response, I’m guessing this is not possible in the customize theme settings GUI. I will have a go at figuring it out. In which CSS file is the rest of the layout specific CSS?

[tikaram]

@markdonnison: yes you will need to add the additional css from the customizer. Login to your WordPress admin section.
Go to Appearance => Customize => Additional css and add the desired css to make the changes.

Regards,
Tikaram

[Author]

Posts