Content on the right using front page template

I’m using this code for pages with side-bar:
@media only screen and (min-width: 992px) {
#primary {
float: right;
}
}

This is because I wanted my side-bar to be on the left but now those pages where I’m using the front page template are also displaying it content to the right so what can i do to fix this?

Thank you!

My website is: www.sastrada.com

Hi,

Did you mean that you want to disable the code in above for the front page only? if yes, please try to replace your code with this:

@media only screen and (min-width: 992px) {
  body:not(.home) #primary {
    float: right;
  }
}

Regards,
Awan

Thank you, I already solved it with:

@media only screen and (min-width: 992px) {
#primary {
float: right;
}
}

.home #primary {
float: none;
}

Thank you so much anyway!