Off canvas alignment - Forum | JoomShaper
Staff replied Helix Framework

Off canvas alignment

Asked by Bendict 2 years ago Last activity 2 years 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]

7 replies

Mehtaz Afsana Borsha Staff

Hi

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

-Regards.

Bendict Asked this

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/]

Bendict Asked this

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

Rashida Rahman Staff

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

Rashida Rahman Staff

You're welcome! Here you go:

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

#sp-logo.has-border {
    padding-left: 0;
}
Log in to reply.