How can I raise the menu three bars when seen on a mobile. Currently the menu covers the image: https://jamesmackie.art
https://photos.app.goo.gl/BcEqdJYtXWnxkkRu7
I am using the Themis template.
I have hidden the off-canvas on the PC/laptop
How can I raise the menu three bars when seen on a mobile
5 replies
Hi,
Could you please explain it more? What you want actually?
Mehtaz, I don't want the three bars covering the image. I want it to be higher on the screen. If you look on a mobile you can see what I mean. I cannot attach a screenshot.
HI.
Do you want it like this?
https://prnt.sc/wgqtkk
body.ltr #offcanvas-toggler.offcanvas-toggler-right{
position: relative;
bottom: 35px;
}
Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this
Thanks
Mehtaz,
Fantastic! Exactly what I wanted it to achieve! I wish I was more clued up on CSS. Thank you. :)
You are most welcome, Could you please resolve my answer?
Thank you