Mobile Imbalance 2

  • Unknown's avatar

    Hey!

    I’m having trouble with the mobile version of my website. I’d like it to be the same as my standard version.
    The background of the posts in the mobile is white instead of blue and there’s only one column working there, where the posts are fully displayed instead of the grid.

    Can you help me??
    Thanks a lot!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi there, you can target the mobile theme by using the .mobile-theme class. Add the following to the end of your custom CSS and see if this gets you what you desire.

    body.mobile-theme, .mobile-theme #page, .mobile-theme #branding {
    	background: #e3f0f6;
    }
  • Unknown's avatar

    Hey,

    I tried to add the code to the end of my CSS but it didn’t solve my problem.
    Actually the mobile theme is looking the same as it was before!
    Is there anything else I can do?

  • Unknown's avatar

    Oh sorry, actually it’s not the same!!

    The background looks all blue now, but the posts are entirely in the front page instead of the grid!

  • Unknown's avatar

    The posts won’t be in a grid on the mobile theme, the screens are too small and they would be completely unreadable, and the mobile theme focuses on readablilty. If you want to see what your site looks like on a mobile, without the mobile theme, go to your site, scroll to the bottom and click the “View Full Site” link.

    You can turn off the mobile theme at Appearance > Mobile and then everyone will see your site just as someone on a computer would see it.

  • Unknown's avatar

    Oh ok thank you for the tip!

    I will change it right now!! Thanks again :)

  • Unknown's avatar
  • The topic ‘Mobile Imbalance 2’ is closed to new replies.