WordPress.org

Support

Support » Themes and Templates » Clean Retina » [Resolved] CSS changes messed up mobile version

[Resolved] CSS changes messed up mobile version

  • I’ve been trying to change the #primary and #secondary container widths by using the following CSS changes (I made sure the percentages still added up to the same as the default settings):

    #primary {
    width: 75.64%;
    }

    #secondary {
    width: 21.28%;
    }

    This works brilliantly in the web version and gives me exactly what I want, but the mobile version does not gracefully implement these changes and squishes the containers. I am using your theme on http://www.fashionfindsonadime.com. Can you please tell me if what I’m trying to do can be done in such a way as to maintain the great look and feel of the mobile version? Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • I can verify that the CSS does not work 100% correctly on my mobile device (desktop website display is fine).

    DEVICE: HTC MyTouch 4G using Google Chrome.

    ISSUE: The menubar text is jacked up. The spacing is adequate, but the words are horizontally cut off halfway.

    SITE: http://ThisRatStinks.com

    I too have been noticing something weird on mobile version with menubar. My spacing is ok, however the only text that shows is the last page out of all options in the menu, and then that page is unclickable – can’t get to it. Not sure what the text ought to be on mobile, but current page would be nice.

    site = http://mykoreanteacher.com/

    Thanks for the help!

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    You can post for support on your own threads.

    Sorry for confusion, will do so

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] CSS changes messed up mobile version’ is closed to new replies.
Skip to toolbar