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

[Author]

Posts