Submenu items are outside viewing boundaries

petroslouca · September 2022

Hello,

we are experiencing issue with our main's website menu, where in desktop mode, the 3rd level submenu items are outside the screen viewing boundaries and therefore partly hidden. We use Betheme Custom Header (not the newer one v.2).

A screenshot is included below showing this effect and is under the rightmost menu "About --> General Information --> Performance", how can we overcome this? For example, is it possible to display that 3rd level menu items to the left side instead of the default right side of the menu item "Performance"?

Thank you,

Petros Louca

University of Cyprus

Phil · September 2022

Hi,

Open the menu options, and check the option Fold Submenus for the last 2 items to right.

Thanks

petroslouca · September 2022

I tried that but abnormal effects occur, i.e.

a) Specific menu item should not be affected as the last 2 are "UCY International" and "About" menu items (plus the language)

b) Partially hiding of previous level menu items

Phil · September 2022

Please attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

petroslouca · September 2022

https://forum.muffingroup.com/betheme/discussion/comment/220741#Comment_220741

Our main website can also be reached at this address https://newdev.ucy.ac.cy

Phil · September 2022

Please, try to use the following CSS code:

.menu .menu-item:nth-child(5) .sub-menu .sub-menu{
   left: unset;
   right: 250px;
}
.menu .menu-item:nth-child(5) li.menu-item-has-children > a::after{
   right: unset;
   left: 10px;
   content: '\e8b9'!important;
}
.menu .menu-item:nth-child(5) .menu-item a{
   padding-left: 30px!important;
   padding-right: 10px!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

petroslouca · September 2022

https://forum.muffingroup.com/betheme/discussion/comment/220774#Comment_220774

Thank you, that worked perfectly!

Submenu items are outside viewing boundaries

Comments