Menu Too Small - Question | JoomShaper

Menu Too Small

PR

Peter De Reyghere

Template 1 year ago

Hi I use allura template on the site https://www.sintlodewijkscollegespoorwegstraat.be/

But on smaller screens (width smaller then 1300px) the menu goes to 2 rows. But there is still enough space left on the right side of the website. How can i fix this....

https://prnt.sc/N75X35P0citA

0
3 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #173601

=== UPDATE ===

In your case problem is becuase there is extra Module column after Menu column that is NOT used, but still take place also on smaller screen. And Menu column width is too small.

Method 1: If you used Custom Header - please change Grid. And keep only two columns (Logo +Menu), and change Menu column width from settings, make it wider.


Method 2:

Eventually this simple & lazy trick (Custom CSS) will help:

@media (min-width: 992px) {
#sp-menu {width: 65%;}
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #173600
0
PR
Peter De Reyghere
Accepted Answer
1 year ago #173701

Hi Paul

Method 2 did the trick. You helped me again. Thanks man!

0