Right Menuitems not showing correctly on smaller desktop views - Forum | JoomShaper
Staff replied Helix Framework

Right Menuitems not showing correctly on smaller desktop views

Asked by Robert Deutschmann 2 years ago Last activity 2 years ago

Hi

I the user clicks on the menu "Media" and the browser resolution is large enough, then the submenu-items will be displayed correctly. That means i see all the menu items:

But when the browser resolution is not wide enough eg. the user makes the browser smaller, then the submenu-items will not be displayed correctly. That means part of the menu items will disappear "under" the window edge (see arrow):

Any idea how to prevent this ugly effect?

Thanks for support.
br, Robert

2 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
2 years ago · edited

Hi Robert,

Yes, from MegaMenu settings of "Media" item you can:

  1. Set "Dropdown Position" : LEFT /or/ CENTER
  2. Reduce its width to 180px or 160px

Screenshot 2024-08-12 at 19-10-52 Helix Ultimate Framework.png

of course for that menu item! use Custom Class Name to make it possible.

Paul Frankowski Senior Staff
2 years ago · edited

ad 2) Using CSS is also possible, and easy with one line only.
Of course first use unique Custom Class Name for that menu item to make it possible.

BTW

On Smaller Laptop space between Menu items is too big, and "MEDIA" in inside 2nd row/line.

I suggest using that Custom CSS

@media screen and (max-width: 1380px) {
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 20px;}
}
Log in to reply.