Menu not scrolling enough

This is a test site I’ve put up to get everything ready. So if there is a solution, I’ll wan’t to use it on my final site which will have the same url without the testing. ??

Sharon

I love this theme but the menu not scrolling enough is a problem. If that can’t be changed, can the nav links and caption both go below the photo? I would prefer they stay where they are and the menu scroll more.

Sharon

Here’s a link to a gallery with captions. https://vanlieuphotography.com/testing/?page_id=508#1

Sorry for all the posts. I would delete and consolidate them but I don’t see that option.

Sharon

Solved it myself by adding this code –

.solofolio-social {

margin: 0 0 50px 0;
}

The simplest fix is to give the slider nav a real white color background. So even the menu scroll happens in certain screen height, still the slider nav is there with no effect from menu item text because it has its own background color (not default transparent).

.solofolio-cyclereact-sidebar {
	background: white;
	padding-top: 20px;
}

Another solution is to give the menu div a different max height values based on different viewport heights (media query height instead of width). So in certain range of viewport heights , the height of menu div will not take all the space, still leave enough room for the slider nav.

But the slider nav has fixed position, so just giving it a real color background (white) solves the problem with less code.

Thanks Paul,

I tried your solution of adding a background color but my nav still covers the menu when I do this so you can’t see the lower menu items on smaller resolution screens because the nav and caption cover it.

So far, adding the padding to the bottom of the solofolio social widget seems to be working as this is the last thing on my menu. I do need to test it on more browsers before making a commitment to using this theme.

Sharon

Sharon/Paul –

The sidebar overflow scrolling is best only used as a last-resort, as it’s not very user-friendly. This is one of the reasons for the SoloFolio Dropdown widget: https://solofol.io/menus-widgets/

You can see it in action here: https://matteichphoto.com/portraits/#1

Joel

I tried the dropdown menus but they still get covered by the nav and caption when I test the screen for ultrabooks, etc. Why is the sidebar overflow scrolling not user-friendly? I do want our site to be easy to navigate.

Sharon

On most modern browsers, scrollbars are no longer displayed, so it’s sometimes not obvious to the user that they can scroll.

Have you considered using a Parent Page to hold your projects?

https://harryengels.com/ is a good example of this pattern.

Joel

Maybe that would be better, Joel. Thanks for your advice. I’ll work on that.

Sharon