Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 16, 2020 at 3:34 pm #246888
    Mark Donnison
    Participant

    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

    May 17, 2020 at 1:30 am #246920
    tikaram
    Keymaster

    @markdonnison: Please post in your site URL.

    Regards,
    Tikaram

    May 20, 2020 at 5:02 pm #247358
    Mark Donnison
    Participant

    https://reasonusers.com/

    May 23, 2020 at 11:55 pm #247698
    tikaram
    Keymaster

    @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

    May 24, 2020 at 4:55 pm #247765
    Mark Donnison
    Participant

    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?

    May 26, 2020 at 3:27 am #247913
    tikaram
    Keymaster

    @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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Want mobile post settings to be different to desktop’ is closed to new replies.