Customheader: Menu On The Left & Logo On The Right - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Customheader: Menu On The Left & Logo On The Right

Andrea

Andrea

Helix Framework 3 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

0
5 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #67733

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;
}
0
Andrea
Andrea
Accepted Answer
3 years ago #67756

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

0
Andrea
Andrea
Accepted Answer
3 years ago #67984

Hey, any chanche to resolve this last issue?

Thank you

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #68539

Hello Andrea

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

0
Andrea
Andrea
Accepted Answer
3 years ago #68544

Sure, here you are. Thank you

0