Public Forums 71,145 posts

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#198657

I need that the icon/area which opens the sidebar on the upper left has a space of at least 90 px guaranteed, regardless of the width of the layout and the width of the display, which displays the site.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#538451

I’m not entirely sure about how you want to achieve here. Please send me screenshot to illustrate, I will give you suggestion then.

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#538481

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#538550

You can try creating a new css file called custom.css in this path: /templates/purity_iii/css and add this rule:


.off-canvas-toggle {
width: 90px;
}


you can change the value to suit your need.

[marinolab Friend marinolabJoin date: June 2010Posts: 147Downloads:45Uploads:34 Thanks: 33 Thanked: 7 times in 2 posts]

#538801

It’s Ok in wide screen, but I need 90px width even for medium and small screen…
Try to reduce the screen in http://www.aslromag.info/purity_iii and icon will overwrite the logo…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#538924

Please try to use the real device to test your site as resizing window screen sometime brings out unexpected results.

And if you want to add style for different screen size, you can use media jQuery: http://code-tricks.com/css-media-queries-for-common-devices/

[Author]

Posts