WordPress.org

Ready to get started?Download WordPress

Forums

Clean Retina
[resolved] CSS changes messed up mobile version (5 posts)

  1. big67mike
    Member
    Posted 1 year ago #

    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!

  2. wmcmeans
    Member
    Posted 1 year ago #

    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

  3. djsirny
    Member
    Posted 1 year ago #

    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!

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    You can post for support on your own threads.

  5. djsirny
    Member
    Posted 1 year ago #

    Sorry for confusion, will do so

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic