pavit Hi Pavit ! This is the final code to widen up to 250px "Sidebar". However! I do not know if it is the optimal code and if it has an impact in other places.
body.has-sidebar #container .container-main { margin-left: 255px !important; padding-left: 0px !important; } body.has-sidebar #container #sidebar { margin-left: -250px !important; width: 255px !important; text-align: left !important; }
http://light.dietapino.com/index.php/es/ Ciao
carlucci HI. Just on thing. You should place this code in:
@media only screen and (max-width:986px) { }
to not break responsive functionality.
teitbite
I do not see all the code. It is this? : @media only screen and (max-width:986px) {
} Where do I have to install it? Ciao
carlucci
I do not see all the code. Place it in custom.css
@media only screen and (max-width:986px) { body.has-sidebar #container .container-main { margin-left: 255px !important; padding-left: 0px !important; } body.has-sidebar #container #sidebar { margin-left: -250px !important; width: 255px !important; text-align: left !important; }}
Ninja Hi Pankaj!
@media only screen and (max-width:986px) It does not work on the mobile and also it is not responsive. If it can be graded then it would be fine.
I have changed my strategy now. Megafilter I have placed it in the "corner-stamp" position. In this case I would like to know how I make this module invisible on the mobile. Thank you very much!
carlucci In this case I would like to know how I make this module invisible on the mobile.
Did you tried hidden-xs in module advanced tab ?
pavit Hi Pavit! Is that so? If it is affirmative, it does not work.
Add a blank space before the hidden-xs text
pavit Done! Not work
Take a look HERE
pavit In the forum I have seen the following and I've incorporated the code
– Open file: /templates/ja_wall/css/layout-mobile.css – Add new code:
.masonry .corner-stamp { display: none !important; }
Now It is invisible on mobile. OK
carlucci Please close the thread
