Cancelado

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.

Habilidades: CSS, HTML5, jQuery / Prototype

Ver mais: scrolling php code, pure fix, css height jquery, css3 test, small fix, scrolling, php html css3, menu final, 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, javascript desktop demo, page scrolling, jquery menu scroll

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

ID do Projeto: #6811489

9 freelancers estão ofertando em média $27 para este trabalho

digidreamstech

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
(13 Comentários)
5.2
vinaykumar777sl

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
(17 Comentários)
4.1
aryan151

A proposal has not yet been provided

$15 USD em 1 dia
(20 Comentários)
3.8
dapu92

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

$25 USD em 1 dia
(3 Comentários)
2.8
PavalSoft

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.... www.pavalsoft.com

$34 USD em 1 dia
(13 Comentários)
2.9
suvasiniwebguru

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. https://99designs.com/users/1084073/wins boots Mais

$30 USD in 0 dias
(9 Comentários)
2.8
diastark

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
(6 Comentários)
2.1
inetchem211

Hello, dear employer. I am very happy to bid on your project. I have some experiences in completing the project as yours. For example, I have a experience in integrating Clipbucket with Roundcube. Clipbucket and Ro Mais

$20 USD em 1 dia
(1 Comentário)
1.4
studiocanny

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
(1 Comentário)
1.0