SideBar is misplaced on Mobile version

  • Hi there!

    When I am customizing my website the mobile version seems fine with no problem, but when opened with an actual mobile there is a problem and the sidebar is on the right side squishing all the page and is not user-friendly.

    Could you please help me with this?
    Thank you

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello there,

    Viewing the source code of your site, it seems like you’re trying to change the default width of content and sidebar areas on homepage with this CSS code: 

    
.home div#primary {
  width: 73%;
}

.home aside#secondary {
  width: 27%;
}

    However it resulting responsiveness issue. Try replacing it with this one and see if it works for you. 

    
@media only screen and (min-width: 992px) {
 
  .home div#primary {
    width: 73%;
  }
  
  .home aside#secondary {
    width: 27%;
  }  
  
}

    Regards,
    Kharis

    Thread Starter denissinemtunca

    (@denissinemtunca)

    It worked!

    Thank you ?? You guys are awesome as usual ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘SideBar is misplaced on Mobile version’ is closed to new replies.