Can I move sidebar opener button on mobile to appear same position as header
-
Can I move sidebar opener button on mobile to appear same position as header?
I have attached a mobile screenshot (png) that show the current sidebar position and the position I would like it to be.
Thank you in advance
Attachments:
You must be
logged in to view attached files.
Hello,
The below code will help you to change the position of the sidebar button, please paste it into the “Mobile CSS” area in Theme Settings -> Custom CSS.
.wd-sidebar-opener:not(.wd-on-toolbar) {
top: 5px;
z-index: 450;
}
I’d be happy to assist if you have any other questions or concerns.
Kind Regards
Thank you that worked really well. I added background: none; as I only want the ellipsis to show. There is still a shadow showing. Would you be able to kindly show me how to eliminate the shadow and possibly increase the size of the ellipsis slightly?
Thank you
Hello,
Add this box-shadow: none; value to the above selector for disabling the shadow. Also, the below code will help you to increase the size of the ellipsis, paste it into the “Mobile CSS” area.
.wd-sidebar-opener:not(.wd-on-toolbar)>a:before {
font-size: 28px;
}
Feel free to reach out so we can discuss possible options moving forward.
Kind Regards
This is perfecd thank you!
Hello,
If there’s anything you need, please write me or another member of our help desk team.
We’re here for you!
Kind Regards
The topic ‘Can I move sidebar opener button on mobile to appear same position as header’ is closed to new replies.