Title: Sidebar Position
Last modified: October 14, 2021

---

# Sidebar Position

 *  [jazzu](https://wordpress.org/support/users/jazzu/)
 * (@jazzu)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/sidebar-position-22/)
 * Hello!
 * I’ve tried all sorts of things to edit the position of the primary sidebar on
   my site. I managed to do it, however it only works on my PC’s display resolution.
   On mobile devices and displays with different resolutions, it’s just moved off
   screen and looks really weird.
 * My problem is that the sidebar is not actually on the right side of the screen,
   meaning there’s empty white space between the sidebar and the website’s edge.
   How would I make it stick to the right side of the screen?
 * Screenshot below:
    [https://ibb.co/z6L03qn](https://ibb.co/z6L03qn)
 * Thank you
    -  This topic was modified 4 years, 7 months ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
      Reason: Moved to Fixing WordPress, this is not an Developing with WordPress
      topic
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fsidebar-position-22%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [My Name](https://wordpress.org/support/users/mhosseini80/)
 * (@mhosseini80)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/sidebar-position-22/#post-14969317)
 * Hi,
    Remove or comment the “float” CSS style.
 *     ```
       .sidebar-main {
           position: relative;
           float: right;
           right: -111.5%;
       }
       ```
   
 * filename:
    [https://plavalcek.si/wp-content/themes/big-store-child/style.css?ver=1.7.0.1633437188](https://plavalcek.si/wp-content/themes/big-store-child/style.css?ver=1.7.0.1633437188)
 *  Thread Starter [jazzu](https://wordpress.org/support/users/jazzu/)
 * (@jazzu)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/sidebar-position-22/#post-14969621)
 * Hi [@mhosseini80](https://wordpress.org/support/users/mhosseini80/) !
 * Thank you for your feedback. I removed the float part from the code and the sidebar
   stayed the way it was. If I edit the “right” part of the code to for example 
   0%, the sidebar goes to the original position. If I leave it at -111.5%, it still
   only works on certain display resolutions, so that doesn’t solve the problem.
 * The width and everything of the sidebar is okay, I just want it to stick to the
   right side of the website on any device.
 * Thank you for your time!
 *  [My Name](https://wordpress.org/support/users/mhosseini80/)
 * (@mhosseini80)
 * [4 years, 7 months ago](https://wordpress.org/support/topic/sidebar-position-22/#post-14969937)
 * I had to say “right” CSS Style, sorry about it,
    anyway, add or edit these styles:
 *     ```
       #primary{
           width: 70%;
       }
   
       .sidebar-content-area {
   
       }
   
       .sidebar-main {
           width: -webkit-fill-available;
       }
       ```
   

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

The topic ‘Sidebar Position’ is closed to new replies.

## Tags

 * [bar](https://wordpress.org/support/topic-tag/bar/)
 * [side](https://wordpress.org/support/topic-tag/side/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [My Name](https://wordpress.org/support/users/mhosseini80/)
 * Last activity: [4 years, 7 months ago](https://wordpress.org/support/topic/sidebar-position-22/#post-14969937)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics