Jump to content


Photo
- - - - -

Dealing with a long menu on lower res screen


  • Please log in to reply
7 replies to this topic

#1 prodpi

prodpi

    Member

  • Members
  • 29 posts
  • LocationDenver, CO
  • Country: Country Flag

Posted 19 March 2013 - 01:30 AM

Site URL

 

www.prodpi.com

 

Go to Services/Press Products

 

The number of items goes below a smaller computers screen will show. 

 

Is there a way to make it scroll, or possibly have two columns?

 

 



#2 prodpi

prodpi

    Member

  • Members
  • 29 posts
  • LocationDenver, CO
  • Country: Country Flag

Posted 19 March 2013 - 01:39 AM

Just a note, I had to split the press products because our customers weren't see the bottom items.  Let me know if you need a screenshot of the entire list before I split it.  I can change it back for a quick moment.



#3 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 19 March 2013 - 01:44 AM

Hi there, when you view the menu on a small screen, like a mobile the menu will collapse and the drop down will appear underneath like in the screenshot below

 

Please Login or Register to see this Hidden Content

 

What size screen are we talking roughly? You can add a scroll to the menu using the css command - {overflowscroll;} if you wanted to but without doing a far bit of customization I don't think you'll be able to get them into two columns.



#4 prodpi

prodpi

    Member

  • Members
  • 29 posts
  • LocationDenver, CO
  • Country: Country Flag

Posted 19 March 2013 - 01:57 AM

I have a 15" retina set to standard Retina mode.  However my 11" Mac Book Air can not see the entire list, it falls off of the bottom of the screen.  I will try the scroll and let you know!  Thanks!



#5 prodpi

prodpi

    Member

  • Members
  • 29 posts
  • LocationDenver, CO
  • Country: Country Flag

Posted 19 March 2013 - 02:02 AM

This might sound dumb, but what is the CSS category for the menu, I assume I can't just put {overflowscroll;} in the CSS rules section of the Custom Code area.



#6 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 19 March 2013 - 02:11 AM

Hi there, no you'll need to put the id of the section in front of it. We'd usually encourage you to find this using firebug or chrome developer tools for locating css. But this one is quite hard to find as it's only active on hover, so as soon as you move the mouse it changes. Therefore I've copied below for you :-)

 

Please Login or Register to see this Hidden Content



#7 prodpi

prodpi

    Member

  • Members
  • 29 posts
  • LocationDenver, CO
  • Country: Country Flag

Posted 19 March 2013 - 02:25 AM

So I put the scroll function in and set my monitor res to 1280x800.  The scroll doesn't seen to appear and I can't see the entire menu.  Am I missing something?

 

pl1.png



#8 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 19 March 2013 - 03:10 AM

Should show something like this. -

Please Login or Register to see this Hidden Content

 

Try adding a height to it.

 

Please Login or Register to see this Hidden Content