Off Canvas Alignment - Question | JoomShaper

Off Canvas Alignment

B

Bendict

Helix Framework 3 months ago

Hi

I'm struggling with a couple of issues in helix ultimate regarding off canvas position.

Through some css overide and layout changes I've managed to move the hamburger menu in front of the logo but I've got some things I can't solve and hoping you're able to help

I can't seem to remove the gap between hamburger menu and logo I can't get the hamburger menu and logo align to left in the fluid row I can't get the off canvas menu to open in the left site of the screen or better as a mordal pop up

I'm on Joomla 5 and use helix ultimate 2.1 newest release

![https://produktion01.say-it.dk/images/Screenshot16.png]

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 months ago #157165

Hi

Thanks for contacting us. Are you talking about in mobile device? Because it seems like this in my end on Desktop

-Regards.

0
B
Bendict
Accepted Answer
3 months ago #157199

I'm sorry if it's to complicated for you to understand. I've simplified it now, so the only thing I need to do is to move the hamburger menu infront of the logo.

[https://produktion01.say-it.dk/]

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 months ago #157349

You can set the offcanvas menu position from template settings.

https://prnt.sc/JALA4AU9Iw_K

0
B
Bendict
Accepted Answer
3 months ago #157448

That's only the content in the menu you can set in your example. Can you please get some else to look at it - thank you

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 months ago #157491

Hi Bendict,

The following code snippet in your custom CSS should help:

#logo-right {
    order: -1;
}
#sp-logo.has-border {
    margin-right: auto;
}

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

However, Are you using custom header or predefined header? If you are using custom header then it can be adjusted from the template options instead of custom CSS.

Best Regards

0
B
Bendict
Accepted Answer
3 months ago #157515

OK thank you - I'm almost there.

How do I set the background color for the off canvas posistion (hamburger menu) ONLY?

![https://produktion01.say-it.dk/images/Screenshot28.png]

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 months ago #157579

You're welcome! Here you go:

#logo-right {
    background-color: white;
    height: 120px;
} 

#sp-logo.has-border {
    padding-left: 0;
}
0