Move Hamburger - Forum | JoomShaper
Solved Helix Framework

Move Hamburger

Asked by Mark 1 year ago Last activity 1 year ago

Is it possible to move the hamburger a little more to the left so its not sitting under the translate flags?
See in website.

Accepted answer

Marked as the solution
Rashida Rahman Staff
1 year ago

I have shared the necessary custom css while you published the language switcher in the menu position. Please publish the module in the menu position again to get the visual changes.

Thanks!

Mark Asked this
1 year ago

Ahhh... sorry. Thank you very much

Rashida Rahman Staff
1 year ago

You are always welcome:)

Have a nice day!

3 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
1 year ago

Hi there!

Thanks for reaching out.

I think it would be better to publish your language switcher in the 'menu' position instead of 'content top' position. At this moment you have published it to the content top position then you have modified it's position with custom css, which causes the issue.

Best regards,

Mark Asked this
1 year ago

I did that, but then doesn't show on mobile phone. Look now. I have it on menu. So thought custom CSS to move it would be better?

Rashida Rahman Staff
1 year ago

Thanks, please use the following code in your custom CSS:

@media (max-width: 1199px) {
    #sp-header #sp-menu>div.sp-column>.sp-module {
        display: block;
        margin-left: 45px;
    }
}

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best regards,

Mark Asked this
1 year ago

That didn't move the hamburger. I am not sure what CSS to use to move the hamburger to the left.

Log in to reply.