• 0
Sign in to follow this  
Followers 0

Long Menu Lists Cut Off & How to Position Navi w MegaMenu


Question

Posted · Report post

Hello,

 

I have 2 questions re the full width Navi with mega menu enabled.

 

1) I cannot seem to position the menu to the left.  Not sure re the css for that one...

 

2) Regardless of whether I have mega menu enabled or any other nav menu, my long menu lists cannot be scolled beyond the height of the screen. 

 

For example I have a menu header called Areas.  Each header represents a county and the children to the counties are the cities in the respective county.  So, a county like Los Angeles that has beaucoup cities, we're only able to scoll down as far as the bottom of the window.  We cannot continue to scroll farther down the list.

 

http://downpaymentassistance.net

 

Thanks for looking.

 

Share this post


Link to post
Share on other sites

10 answers to this question

  • 0

Posted · Report post

I'm not seeing any issue - http://cl.ly/image/1u461N2B1M0K

 

I have just been viewing a number of real estate websites and most of them I have viewed do not include all the locations in the menu, that is why they have a search form.

 

You're free to use your navigation how you like, but I would highly recommend you change from using so many.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi topjaba

Please, you can try with

 

.section-navi .navi-right {
    float: left;}
 
For the second question I'm not sure how to do this
:)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

HI again

For the second question

Perhaps you can reduce the padding

Please, you can test some like this

 

.sf-menu li.megamenu > ul > li ul li a {
    padding: 2px 14px;}

 

I´m nor sure that this resolve the problem

:)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I am going to give a good guess but i think you are not able to scroll down the menu because the menu is part of the fixed area. Being part of the fixed section it is unable to to scroll with the screen or the rest of the content

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Aires is spot on, because your megamenu is so large and your Navi section is positioned in the Fixed Area, you will never be able to scroll the full length of your megamenu. You will either need to reduce the about of menu items in your menu, remove the Navi section from the Fixed area or organize your menu items better.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yep that works. Thanks Aires!  

 

One thing that comes from having moved the navi beneath the header is that I now have a huge amount of white space.  I've tried to find the root of it with FireBug and I've set all the elements above the header to 0 padding and 0 margin but it's made no dent in the white space.  I also cannot find any top margin >0 for the navi itself.  Any idea where it might be coming from?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Again this is caused by the sheer amount of menu items you have. You menu is that long that it exceeds the length of your web site. You really need to manage your menu items better, as there is simply far too many. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sorry, I should have been more specific about the locale of the white space.  The white space to which i was referring is the area beneath the logo and above the navigation bar.  I'm not sure how the abundance of menu list items would affect that.

 

I appreciate the feedback re the organization and amount of menu items, however it is a real estate website organized by county and cities therein.  Los Angeles has a great many cities and there are many real estate websites that are organized in very much the same way.  The theme on which the site existed for a few years before I moved to PageLines did not suffer from the amount of menu items. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Noted, thanks.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem.

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
Sign in to follow this  
Followers 0