UserThomas wrote:I'm a little familiar with css and have been able to make very basic changes without having to ask. You guys have been very helpful so far and I really appreciate it. I do not want to change much and once it is done, I wont be making any changes for a very long time. I just need to make it work for my customers and clients.
All I want is for the category/manufacturer/filter column to be put on the left side of the screen.
When using the above code, that column just does not "disappear" when reducing the screen size, as it does when the column is on the right side.
Hi Thomas,
You had a typo in the code pasted. There was a missing ";" Can you please try the following one:
@media screen and (min-width: 1001px){
.product-details-page .overview {
margin-left: 620px;
margin-right: 0;}
}
@media screen and (min-width: 769px){
.ui-tabs, .gallery {
float: left;}
}
@media screen and (min-width: 769px){
.product-details-page .overview {
float: right;}
}
.side-2 {float: left;}
.center-2 {float: right;}I have tested it and it works both when you have the tabs integrated and when you have them disabled. It works also on the category page as well.
Please let us know if there are any issues with it. If so it will be best if you can send us a link to the website so that we can investigate further.
Thanks!
