customheader: menu on the left & logo on the right - Forum | JoomShaper
Awaiting an answer Helix Framework

customheader: menu on the left & logo on the right

Asked by Andrea 4 years ago Last activity 4 years ago

Hi,
after upgrade from HU 1.1.4 to HU 2.1 I'm having an issue with the custom header.
The layout is ok, but I'd like to have the menu (megamenu and offcanvas toggler) left aligned and the logo on the right, right aligned, as in HU 1: here a screenshot.

In HU 2 I'm not sure how to get it: here a screenshot of how it appears without custom css.

I'm not sure how to remove the code

.justify-content-end {
    justify-content: flex-end;
}

from megamenu and offcanvas toggler and add it on the logo.

Can please help me?
Thank you!
Andrea

5 replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago

Hello

Thank you for your query.

Kindly add the following css rules in custom css section

#sp-menu >.sp-column {
    justify-content: flex-start !important;
}
#sp-logo >.sp-column {
    justify-content: flex-end;
}
Andrea Asked this
4 years ago

Thank you Ariba,
it works fine!

I tried

#offcanvas-toggler >.sp-column {
    justify-content: flex-start !important;
}

in order to moving the burger menu on the left as well but didn't work: what do I do wrong?
Thank you
Andrea

Andrea Asked this
4 years ago

Hey, any chanche to resolve this last issue?

Thank you

Ariba Staff
4 years ago

Hello Andrea

Could you please check your site url? I am unable to access it.

Andrea Asked this
4 years ago

Sure, here you are.
Thank you

Log in to reply.