Need help? Check out our Support site, then


Reddle theme - width adjustments not jiving with mobile devices

  1. 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 beholdthedimwhit.com.

    The blog I need help with is beholdthedimwhit.com.

Topic Closed

This topic has been closed to new replies.

About this Topic