Last Menu Column Drops Below

On certain laptops, like the Lenovo Thinkpad, with a viewport size of 1280 x 560 pixels, every last menu column (menu type Classic) drops below the column before it, leaving the space where it is supposed to appear empty.

Here is my website, the menu appears fine on my regular PC.
http://mediagenesis.com.sg/trek3b/

See attached images, the space where the menu column is supposed to appear is marked in red. Even Gavick's own demo appears with that error on the laptop. How can i rectify this?

Another issue, these series of laptops are only 560 pixels tall, as such some menu items appear out of range of the viewport, see image trek3-storefront-b.jpg. How do I view the full menu when that happens on this particular series of devices, as scrolling down does not scroll the menu down, only the content?

Hi,

I've checked demo and your website on 1280 x 560 px resolution screen and can't see the first issue.

Regarding the second, try to add the following custom css code:

Code: Select all

.gkMenu > ul li div.childcontent-inner {
    overflow-y: scroll;
    height: 500px;
}


Hi,

I've checked demo and your website on 1280 x 560 px resolution screen and can't see the first issue.

Regarding the second, try to add the following custom css code:

Code: Select all

.gkMenu > ul li div.childcontent-inner {
    overflow-y: scroll;
    height: 500px;
}


thank you for your reply. maybe the first error is inherent in lenovo thinkpad only.

will try out the solution you recommended for the second issue.

Joshua M,

I implemented the css code as you suggested, and it actually fixed the other error too. Now the dropdown menu has a scrollbar on my Lenovo Thinkpad, and the last menu column also appears nicely within the proper space. See attached screenshots.

Thank you so much.

Gurdip.