[vasco mParticipant]

Hi!
I have vertical mega menu, but the items is not visible in some resolutions, and its not possible to scroll http://adep.pt/curso/

any solution?

[MrinalMember]

Hi Vasco,

To show a scroll bar, add the following CSS codes via Appearance > Customize > Custom > CSS:

.x-navbar-fixed-left {
    overflow: auto !important;
}

[vasco mParticipant]

thanks a lot! works perfect!

[MrinalMember]

You’re welcome Vasco.

Have a nice day, Cheers!

[lyricalParticipant]

DISREGARD – NEEDED TO CLEAR BROWSER CACHE

Hi – I’m going to piggyback on this question/solution. I have something similar, but it is in regard to minimizing the window size. The scroll solution works great on smaller screens, but I can’t seem to get it to show when we reduce the window size on a larger screen. Any options?

Love, love, love this theme!
Lisa

[CousettMember]

Glad you Love, love, love this theme! 😀

[mverlaqueParticipant]

Hi,

I tried the same custom CSS code that you recommended in the first reply, and it definitely worked as far as scrolling goes, but it also caused my drop down menus to stop functioning. The menu items that are NOT drop down categories work fine, but the drop downs will not expand when that CSS code is placed in there. Any solution to have both scrolling AND drop down menus?

Best,

Matt

[LelyModerator]

Hello Matt,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[mverlaqueParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Fixed positioned navigation iis default to overflow: visible;. Anything that overflows outside the navbar’s dimension will then be visible.

Now, if you set it to auto, then it will hide all elements outside the navigation’s dimension.

Your navbar has 233px width, and your submenu appears outside of it. Thus removing the overflow:visible will hide those menu. To make it more clear, it’s like putting your picture in a picture frame, but your shoulder is hidden because it’s covered by the frame.

Thanks!

[mverlaqueParticipant]

Is there a way to change the code so the menu simply scrolls with the page content?

[mverlaqueParticipant]

Or change the menu dropdowns so that they drop down within the confines of the navbar?

[ChristopherModerator]

Hi there,

Provided credentials are not working, please check.

Thanks.

[mverlaqueParticipant]

Sorry, the Coming Soon page is gone and you should be able to see the site.

Alternatively, is there a way to make the menu that appears on mobile screens default for the desktop view as well? That might be a decent solution because then I can still scroll and it’ll be contained within the nav bar container.

[RadModerator]

Hi there,

That’s possible, but remember, mobile and tablets does not have hover functionality. It will not work, once your press the parent menu to display sub-menu, it will just load the page.

I think, moving sub-menu within navbar dimension is okay too.

.x-navbar-fixed-left {
    overflow: auto !important;
}
.masthead-inline .x-navbar.x-navbar-fixed-right .desktop .sub-menu {
  top: 2.5em !important;
  left: auto;
  right: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

Cheers!

[Author]

Posts