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

Finion Menu Alignment

MD

Martin Dusil

Template 3 years ago

Hi. I don't use pre-defined header in Finion template. I have done own Layout with 3 rows - Top Bar (top1, top2, top3), Logo-Wrapper (logo, logo-right) and Header (menu). But now main menu is align to the right. Is possible align it to the left? Thank you.

0
8 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #70205

Glad to know that. You can now close this post by accepting the answer.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #70046

Hi Martin,

yes, it's possible by using custom CSS, as I can predict.

Share site URL

0
MD
Martin Dusil
Accepted Answer
3 years ago #70048

Thanks, but I don't know what css code to use. This code doesn't work.

.sp-megamenu-parent {
    float: left;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #70049

That's why I asked you to share URL

text-align: left;

0
MD
Martin Dusil
Accepted Answer
3 years ago #70051

Hi, thank you. I will try it. I can not share URL because I am using localhost only on my computer.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #70057

In that case you have to try different styles with Code Inspector

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #70060

If I may,

HI,

Maybe this is your class

.sp-megamenu-parent>li>a{
}

You can inspect your browser and then try the CSS style inside this class. Actually we need your URL. Because without URL its really tough for us to solve this kind of issue. You can try it or if you need again help just ping us here when your site will be online. We will help you.

Thanks.

0
MD
Martin Dusil
Accepted Answer
3 years ago #70193

I have found in the Helix Ultimate documentation:

#sp-menu > .sp-column, 
#sp-menu .sp-megamenu-wrapper {
justify-content: start !important;
}

It works. Solved.

0