CSS changes messed up mobile version

  • Resolved big67mike

    (@big67mike)


    12 years, 1 month 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 https://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: https://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 = https://mykoreanteacher.com/

    Thanks for the help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    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 ‘CSS changes messed up mobile version’ is closed to new replies.

Tags