Support » Theme: Astrid » Make sidebar wider

  • Hi guys,

    Can you please, give me an idea how to make the sidebar wider?
    I want to have 2 pictures there, though one of them has to be bigger, so the picture content is readable.

    I am a newbie, so do not judge 🙂

    Thanks!

    Vanya

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    @media only screen and (min-width: 992px) {
      #primary.content-area,
      #secondary.widget-area {
        width: 50%;
      }
      
      #secondary.widget-area > aside {
        max-width: 50%;
        float: left;
      }
    }
    

    Regards,
    Kharis

    Thanks but now it looks weird as well.
    The sidebar is wider, but the two pictures are next to each other, instead of being one after the other.

    Hello there,

    Try replacing the code I suggested with this one:

    
    @media only screen and (min-width: 992px) {
      #primary.content-area {
        width: 60%
      }
      #secondary.widget-area {
        width: 40%;
      }
    
    }  
    

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.