Small fix for a submenu scrolling bug in a pure css3 menu for desktop browsers

Hello. On the desktop chrome browser (on mobiles and resolutions lower than 1366 it is perfect), when the menu has many vertical subitems, we can’t access the lower items which go below the page because the webpage below the open submenu scrolls but the open submenu itself does not scroll down so we can’t ever access them. This needs to be quickly fixed. There is only one css file involved which needs to be fixed. This needs to be fixed without the use of jquery javascript. You can test this be decreasing the height your browser chrome to a lesser height than the opened menu vertical subitems.

Responsive CSS3 Menu without JS:

[url removed, login to view]

Demo: [url removed, login to view]

CSS: [url removed, login to view]

Pm me for the link to the final css on our site.

If we add this code, the submenus start scrolling but the horizontal submenus go inside with a scrollbar and don't show up outside as before:

.submenu > ul {

max-height: 500px;

overflow: auto;


If we add:

.submenu > ul {

max-height: 500px;

overflow-y: auto;

overflow-x: hidden;


The horizontal scrollbar is fixed but the submenus opening horizontally don't even show up opening now.

Need a CSS fix only. Not a jquery fix. Write in your bid how you can fix it.

Habilidades: CSS, HTML5, jQuery / Prototype

Veja mais: ul com, scrolling php code, pure fix,, css height jquery, css3 test, small fix on, scrolling, php html css3, menu final, fix html/css/javascript, fix chrome browser, envato, html submenu, css3 desktop, css jquery vertical menu, bug jquery, responsive scroll, pure css, fix css file, horizontal browser, jquery scroll fix, jquery hidden, scroll menu jquery, show max webpage

Acerca do Empregador:
( 26 comentários ) Mumbai, India

ID do Projeto: #6811489

8 freelancers estão ofertando em média $28 para esse trabalho


Hello sir/madam , We have good experience of PHP,JOOMLA,HTML,HTML5,CSS, Ajax,jquesry,JavaScript,Mysql, Graphic Design,Website Design, Android, mobile application,Photoshop, Banner Design ,Flayer mail,Logo Design, jo Mais

$24 USD em 1 dia
(122 Comentários)

Dear Client, Its Ram from, India. I understood your description of fixing up the CSS Sub-menu, Scroll bar, responsiveness etc issues, visited to the given link and read out the code description. I have worked on sim Mais

$45 USD em 1 dia
(19 Comentários)

A proposal has not yet been provided

$15 USD em 1 dia
(56 Comentários)

hello i have 6+ years exp. in Graphic Design,Logo Design,Photoshop,HTML,CSS,PSD to HTML,Website Design,PHP,as well as Wodpress,Opencart etc. you can check my past exp. [url removed, login to view] boots Mais

$30 USD in 0 dias
(45 Comentários)

Hello..i ensure that i will fix the menu for small screens. please let me know the URL of the website so that we can discuss further. Looking forward to work with you. Thank you, G Vinay.

$30 USD em 1 dia
(24 Comentários)

Hello can i gtthe link to page where it is not working and having the bug. ------------------------------ Regards, Darpan

$25 USD em 1 dia
(7 Comentários)

We have sound knowledge in mobile apps, web programming, PHP,Word Press,Opencart, Joomla, Codeignitor, Open source, Css, HTML5, Animation, 3D modeling, graphic design, SEO and SMO.... [url removed, login to view]

$34 USD em 1 dia
(17 Comentários)

We are a small team consisting of great designers and sharp developer. We are able to take care of the client requirements from concept to execution. Once you have selected us to carry out your work you will not be dis Mais

$24 USD in 0 dias
(2 Comentários)