I have used the superfish JQuery for horizontal menu. My Problem is rightmost menu item if user hover the childmenu item displays but user need to scroll horizontally to see that childmenu. Is there any mechanism to resolve this issue by autos-crolling or displaying child-menu in left side?
Please help.
Related
I'm going to hide horizontal scrollbar and use mouse drag and drop for scrolling.
Or I want to make control buttons(left and right arrow button) for horizontal scrolling control.
What is the best solution for this?
Thank you.
I have a menu off the screen which reveals after clicking on the reveal menu button.But because of that menu there's a horizontal scroll appearing.It’s spoiling the user experience. My website:sadmansyfe.ga.
I have tried everything but nothing is working out.
Scroll doesn’t appear if I shrink the web browser in desktop.It only occurs in mobile.
I have made this website here: http://dijon-egg.com/Possum/
If you click on green big dot button, it takes you to page2. My problem is I can't figure and fix the menu being too big on page 2 or change view of carousel on page 2 so full carousel can show to us and top menu not sticking out onto carousel.
I have a hamburger menu icon that is linked to a dropdown navigation menu at (top left side of screen) as shown in following link:
http://tahoe-luxury-properties.com/index2.html
I want to make it so when the the hamburger menu (3 bars) are clicked, the menu drops flush to where the top nav bar ends. So right now you can see the top nav bars color underneath the drop down. It is sort of hard to explain, but I want it to look more like this picture at below link:
http://integratedresourcemgmt.com/navmen.html
I just want it so there isn't the overlaying color making it seem disjointed, in a sense.
I tried moving the hamburger menu down and I couldn't get it right. I was thinking that since I can adjust the size of the navigation-menu (width, padding) there must be away to move it down without moving the hamburger and nav exit icons/rollovers. I have been fooling with this for a while and am just not sure if it is possible? Any ideas? Thanks so much. -Beth
Does any one know how to use javascript with a media query?
I am wanting a left column menu which is hidden in mobile view using the bootstap 3 hidden-xs but I want to be able to click a menu button which overlays the left column over the main content area - which an x to close the menu. using
function showFunction()
{
document.getElementById("left-col").style.visibility="visible";
}
function hideFunction()
{
document.getElementById("left-col").style.visibility="hidden";
}
When testing this in a broswer this works OK but once I have clicked the cross to close the menu if I resize the screen to desktop or above the break point of the media query the left-col remains hidden.
Is there anyway around this? Or is it a waste of time trying and the benefit of this would work on a mobile rather than users on desktops resizing browsers.
Update --
In Desktop view I have 3 columns left Main Right with a header and a footer.
In Mobile I am stacking the right colum under the main hiding the left column on default
By clicking a menu icon i am displaying the left navigation over the main content, and click a cross on the left col to hide it.
But once I close the left-col when I resize to desktop - the left col stays visible and I want it to be forced back.
Thanks
Any help would be great.
Thanks