Jump to content
gayatriom

Responsive Dropdown menu hidden in Mobile Mode

Recommended Posts

gayatriom    0
gayatriom

Website URL: http://occasionsbyshangrila.com
Framework Version:   2.4.1
WordPress Version: 3.5.1
Server/Host: Hostgator
 

 

Hi. When the site is being viewed in mobile or had decreased the width of my browser to the smallest it can go, the dropdown menu does not fully display. 

 

Try hovering over EVENT DECOR - you will notice that my full gallery list does not display. 

I have tried all sorts of z-index, but nothing is working. 

Any help is appreciated. 

 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi there,

 

It looks like the all the items are displaying in the menu, winter wonderland is the last item i see in the list.

 

Is the menu controlled by a third party plugin, it's not the seems to be using mega menu? I would imagine the best option would be to use css to add a scroll to the drop down so you can swipe up/down if you're not able to see it in all devices.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom

Hey James. 

Hmm did you look at it on mobile. 

Or did you make the width of your browser to the smallest it could be? 

Share this post


Link to post
Share on other sites
Rob    547
Rob

James has gone for the night, but he usually checks things on his iPhone and iPad.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gayatriom    0
gayatriom

no prob. will wait for his response in the morn! 

Share this post


Link to post
Share on other sites
James B    436
James B

Hi

 

I tested on a phone browser simulator as didn't have a mobile on me last night - http://screencast.com/t/jcgCAXml

 

Looking now on an actual iphone I can see that the menu cuts off under Sangeet, Mehndi & Garba, so there is a difference.

 

Seeing the page like that it could be as there's no additional content present it's cutting off at the site's minimum height. You could try adjust the minimum height in the css from 400px to a higher figure.

 

#site #page, #site #dynamic-content {
    min-height400px;
}

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×