Make sidebar wider

  • vnslva

    (@vnslva)


    6 years, 5 months ago

    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)
  • Kharis Sulistiyono

    (@kharisblank)

    6 years, 5 months ago

    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

    Thread Starter vnslva

    (@vnslva)

    6 years, 5 months ago

    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.

    Kharis Sulistiyono

    (@kharisblank)

    6 years, 5 months ago

    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)

The topic ‘Make sidebar wider’ is closed to new replies.