Pitches The Main Menu Below Topbar In Some Cases - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Pitches The Main Menu Below Topbar In Some Cases

G

Ginius

Template 4 years ago

When I use the template Piteches the position of the main menu is correct when the width id 1080px or larger. When the width is between 1052 - 1079 it is below the bar. Below 1052 the mobile menu is showed.

how can i solve that a browser width between 1051 and 1079 is not below the bar? I can't figure it out.

I checked it also on the Joomshaper site. I see it there also.

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #45542

Hi there!

Thanks for contacting us.

In that case you can use media query to lower your menu item font size for that device sizes.

Here is a sample code you need to put in your custom CSS:

@media (max-width: 1199px){
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: 12px;
}
}

You can use your desired max-width value and set different font size value according to your need.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Note: Path towards custom CSS(Joomla 4): System > Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0