Move Hamburger - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Move Hamburger

M

Mark

Helix Framework 2 months 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.

0
7 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #204664

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!

0
M
Mark
Accepted Answer
2 months ago #204666

Ahhh... sorry. Thank you very much

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #204775

You are always welcome:)

Have a nice day!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #204650

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,

0
M
Mark
Accepted Answer
2 months ago #204651

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?

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #204659

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,

0
M
Mark
Accepted Answer
2 months ago #204663

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

0