Solved Templates

Finion Menu Alignment

Asked by Martin Dusil 4 years ago Last activity 4 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.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
4 years ago

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

7 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
4 years ago

Hi Martin,

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

Share site URL

Martin Dusil Asked this
4 years ago

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

.sp-megamenu-parent {
    float: left;
}
Paul Frankowski Senior Staff
4 years ago

That's why I asked you to share URL

text-align: left;

Martin Dusil Asked this
4 years ago

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

Paul Frankowski Senior Staff
4 years ago

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

Mehtaz Afsana Borsha Staff
4 years ago

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.

Martin Dusil Asked this
4 years ago

I have found in the Helix Ultimate documentation:

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

It works. Solved.

Log in to reply.