hamburger position on mobile - Forum | JoomShaper
Solved Helix Framework

hamburger position on mobile

Asked by doug raught 4 years ago Last activity 4 years ago

Is there a way to use CSS to move the hamburger to the center position on the phone. I have translation icon set to the menu position. Both the hamburger and Flag icon sit too close together. Someone with a large finger would have a difficult time tapping only the hamburger or the flag.

I tried creating a search position but I can't get that to work.
I tried switching the offcanvas position to the left, but then the translation flag disappears.

One post said to select center in the Template Options, but the only options are left and right.
Any help would be appreciated.

It can be see on mobile at: http://ncagonline.com/22/

(Babycare Template)

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

Hi,

Thanks for contacting us. You can use this custom CSS

a#offcanvas-toggler {
    position: relative;
    right: 50px;
}

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.

-Regards.

2 more replies

Oldest first Newest first Most helpful
doug raught Asked this
4 years ago

THANK YOUUUU!
I've hunted for this code but could not find it.

Log in to reply.