Start a new topic
Answered

Moving side bar from Left to Right

I had a custom page built for my site from BD, and I want to move the side bar from the left side of the screen to the right side. Please can you help.


Thank you

Lionel


Best Answer

Hi Lionel, 


Thank you for your message.


You need to use different code because this page has different classes. 

Please navigate to Toolbox >> Widget Manager >> Search Results Header >> Edit.

then paste this code in the "Widget CSS" box: 


.new-results {

  float: left;

}



Do not forget to "Save the Changes" and refresh the search results page. 


Now the sidebar will be in the right side. 


Let me know if this works for you.


Thanks! :) 



Hi Lionel, 


I'll be more than happy to assist you. 

Could you please send me the url or the name of the page you're trying to edit? 


Thanks! :) 

Luana


Thank you for the fast response!! Here is the url


http://www.quponing.com/search?location


Thanks

Lionel

Hi Lionel, 


Thank you for your message. 

Please follow these steps:

1. Navigate to Toolbox >> Widget Manager >> Find the Widget called: "Category Master" ID: #158 >> Edit

2. In the "Widget CSS" box please paste this code:


.new-results {

   float: left !important;


div#search-left {

  float: right;

  margin-left: 115px;

}



3. Then save the Changes and refresh the page! The sidebar will be in the right side and the content to the left.


Let me know if you have any question.


Thanks! :) 


Luana


NICE JOB! It worked great. Thanks 

I seen that I had another page that was the same way. Can I use the same code and place it in the CSS in that widget? 

I'm smiling from ear to ear. It looks great


Thank You!

Lionel

Luana


Here is the page that I would like to take the left bar and move it to the right.


 


Thank you a bunch

Lionel

Answer

Hi Lionel, 


Thank you for your message.


You need to use different code because this page has different classes. 

Please navigate to Toolbox >> Widget Manager >> Search Results Header >> Edit.

then paste this code in the "Widget CSS" box: 


.new-results {

  float: left;

}



Do not forget to "Save the Changes" and refresh the search results page. 


Now the sidebar will be in the right side. 


Let me know if this works for you.


Thanks! :) 


Luana


Thank you very much. I have to say I am amazed at how well all of you are such a pleasant to with and how knowledge all of you are! All of you are right there when needed and willing to help out and see that items get resolved. It worked great. Thank you 


Thank you Very much

Lionel

Luana


I found a issue that we need to have it looked at right away


When I made the changes following these instructions "1. Navigate to Toolbox >> Widget Manager >> Find the Widget called: "Category Master" ID: #158 >> Edit

2. In the "Widget CSS" box please paste this code: "


The screen looks right on a large PC screen, except for when a user looks at the category page on a smaller devise, like if you where to look on a Ipad, the left side of the screen gets cut off and the category page text is only half displayed. Its like the site is not responsive. Can you please have a look at this.


Thanks a bunch

Lionel 

Hi Lionel, 


It's always a pleasure to help you out! 

Are you having this issue on the Search Results page or this one: http://www.quponing.com/search?location?


Luana


Yes you are correct. I did notice that the column on this page are broke out a little different. Not sure if that would be the issue or not? Either way yes you are correct. That is the page that is not working right.


Thanks a ton

Lionel 

Hi Lionel, 


Thank you for your response. 

This is a customized page and we do not give support to this pages. However if we made the customization we will fix it for you. 


Could you please let me know if we customized this page?  


Thanks! :) 

Luana


Yes this page was customized by BD. Jeff has been heading my project up from the beginning


Thanks

Lionel

Hi Lionel, 


Perfect! :) I already added this information into a ticket.

We will let you know as soon as is completed.


Thanks! :) 

This issue has been resolved. I will send you an email with the other customization! :)