Width adjustments look terrible on iPad

  • Unknown's avatar
    dimwhit · Member ·

    Like others, I wanted to change the content and sidebar widths for my reddle blog. I looked through the forums and got exactly the code I needed. The blog now looks exactly as I want it to on my computer, but the adaptive nature of this template is causing my site to look terrible on mobile devices. HALP!

    The code I used to fix my widths is:

    .secondary #content {
    margin: 0 31% 0 7%;
    }

    footer .permalink,
    .image-attachment #content footer .permalink {
    margin-left: 58px;
    }

    #main .widget-area {
    width: 20% !important;
    }

    Looks great on my computer, but on my iPad for instance, the content is overlapping and the sidebar (which is supposed to go to the footer on mobile devices) is all jacked up.

    Does anyone know how to tweak the code so that my blog looks like it does on my pc but doesn’t go nuts when trying to adapt to other devices?

    Note: I of course do not have this problem if I revert back to the original CSS. But I don’t wanna.

    blog site: http://www.beholdthedimwhit.com

    Note 2: It’s a new blog with no real entries yet. Don’t judge.

    -Whitney

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

  • Unknown's avatar
    timethief · Member ·

    Please use this link https://en.forums.wordpress.com/forum/css-customization#postform so you can copy and paste your text into a thread that will appear in the CSS Forum where you will get the help you need.

  • The topic ‘Width adjustments look terrible on iPad’ is closed to new replies.