Jump to content


Photo
- - - - -

Responsive Dropdown menu hidden in Mobile Mode


  • Please log in to reply
5 replies to this topic

#1 gayatriom

gayatriom

    Advocate

  • Members

  • 559 posts
  • Country: Country Flag

Posted 02 July 2013 - 07:45 PM

Website URL:

Please Login or Register to see this Hidden Content


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. 

 



#2 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 02 July 2013 - 10:06 PM

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.



#3 gayatriom

gayatriom

    Advocate

  • Members

  • 559 posts
  • Country: Country Flag

Posted 03 July 2013 - 01:33 AM

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? 



#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 July 2013 - 02:15 AM

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



#5 gayatriom

gayatriom

    Advocate

  • Members

  • 559 posts
  • Country: Country Flag

Posted 03 July 2013 - 03:38 AM

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



#6 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 03 July 2013 - 09:43 PM

Hi

 

I tested on a phone browser simulator as didn't have a mobile on me last night -

Please Login or Register to see this Hidden Content

 

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;
}