Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Size menu

Featured Lock Resolved Issue
Hello,
I have a problem with helix3.
When I put my window smaller at a certain time my menu comes out of the header and this downstairs on the bottom.
How can I solve this?
Thank you

4 Answers

Paul Frankowski - Staff

One week ago #Permalink
Example CSS code:

@media (max-width: 1200px) {
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
padding: 0 10px;
font-size: 11px;
letter-spacing: 0px;}
}

As you see code is pretty easy if you're fimilar with CSS.

----
How to use Custom CSS in Helix > read in the documentation section.

Paul Frankowski - Staff

One week ago #Permalink
Hi,
there are few popular methods using custom CSS with @media
1) Reduce menu items font-size
2) Reduce space between menu items

All those two may help keep the menu in a single row before [=] mobile menu appears.
About what screen resolution we are talking about?
Thank you, I will try and keep you informed


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127
Sifat

Sifat

Total Accepted Answers: 83
Toufiq

Toufiq

Total Accepted Answers: 71
Pavel

Pavel

Total Accepted Answers: 6
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 5

114

Templates

293319

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us