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

Your Time: Our Time:

Top Main Menu Does Not Stay in Header Area

Featured Lock Resolved Issue
I'm using the latest Revibe template and latest SPPB, on Joomla 3.8.4 and PHP 7.0.027.

The menu is not responsive and moving out of the header area before switching to mobile view.
The menu sits below the header area when site is sized.

The menu is white and the background is white, there is a white space between header and slider when this happens, it shows when you mouse over menu and if you highlight it.
It also seems to wrap the menu in 2 levels, with the last menu item on second row when sized down before mobile view.

All settings are correct.

https://www.screencast.com/t/n38xB4xSX5k
https://www.screencast.com/t/n38xB4xSX5k

Is there a way to maintain the main menu position until the mobile view is complete, and to eliminate menu wrapping?

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
there is solution. You have to reduce menu item : font size and space between items.
On which resolution you noticed problem? 1440px, 1240px , 1024px ???

Paul Frankowski - Staff

More than a month ago #Permalink
Example fix (without seeing site URL):

@media screen and (max-width: 1240px) {
.sp-megamenu-parent > li > a {padding: 0 12px;font-size: 15px;}
}



+ Disable mobile menu [=] from desktop view, you don't need it there. And you can save some pixels on header for menu. Yes, from Menu settings of Helix3.


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: 110
Sifat

Sifat

Total Accepted Answers: 61
Toufiq

Toufiq

Total Accepted Answers: 47
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 14
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 12

118

Templates

303068

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