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:

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


    The blog I need help with is

    The blog I need help with is

Topic Closed

This topic has been closed to new replies.

About this Topic