Gauravk Posted August 7, 2015 Share Posted August 7, 2015 I have recently switched to IPS4 and wondering if anyone can help in making the right sidebar 300 px wide instead of 250 px. Thanks. Link to comment Share on other sites More sharing options...
Adlago Posted August 7, 2015 Share Posted August 7, 2015 Add in your custom css#ipsLayout_sidebar { max-width: 300px; } Link to comment Share on other sites More sharing options...
Gauravk Posted August 8, 2015 Author Share Posted August 8, 2015 Thanks Adlago,It worked great, any idea how I can do this for all sidebar in full site as inside pages still showing 250 sidebar. Link to comment Share on other sites More sharing options...
Adlago Posted August 8, 2015 Share Posted August 8, 2015 Change the code using this@media screen and (min-width: 1024px) { #ipsLayout_sidebar { min-width: 300px; max-width: 300px; } Link to comment Share on other sites More sharing options...
Gauravk Posted August 8, 2015 Author Share Posted August 8, 2015 Any idea how long cache expires, I did the changes and still waiting to see the effect after 3 hours. Cleared cache from back-end, browser and everywhere but no luck. Link to comment Share on other sites More sharing options...
Gauravk Posted August 9, 2015 Author Share Posted August 9, 2015 Looks like these codes only works in IE and not in chrome or Mozilla. I have tried many times and it's not working fully. Homepage sidebar turning to 300 in IE only, and inside sidebar remains same at 250 in all browsers. Can anyone please help with workable solution? Thanks. Link to comment Share on other sites More sharing options...
Gauravk Posted August 9, 2015 Author Share Posted August 9, 2015 I figured out the issue, that standard is also sized at 300 with 15 margin in layout.css that's why no change has been shown.I made that 350 in custom.css and got slightly wider sidebar. Thanks. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.