1. Helix3
  2. Wednesday, 14 August 2019
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
Accepted Answer
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.
  1. more than a month ago
  2. Helix3
  3. # Permalink
Responses (3)
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?
  1. more than a month ago
  2. Helix3
  3. # 1
Thank you, I will try and keep you informed
  1. more than a month ago
  2. Helix3
  3. # 2

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

This forum is archived

This forum has been archived. Please use JoomShaper official support system.