Jump to content


Photo
- - - - -

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

Navi Megamenu left

Best Answer Danny , 12 May 2014 - 01:13 PM

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.

Go to the full post


  • Please log in to reply
10 replies to this topic

#1 topjaba

topjaba

    Advanced Member

  • Members

  • 56 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 May 2014 - 01:46 PM

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.

 

Please Login or Register to see this Hidden Content

 

Thanks for looking.

 



#2 batman

batman

    Bat Learning

  • Members

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 May 2014 - 02:02 PM

Hi @

Please Login or Register to see this Hidden Content

Please, you can try with

 

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


#3 batman

batman

    Bat Learning

  • Members

  • 2085 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 10 May 2014 - 02:16 PM

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

:)



#4 Aires

Aires

    Advocate

  • Members

  • 300 posts
  • LocationAlabama
  • Framework Version:DMS2
  • Country: Country Flag

Posted 10 May 2014 - 05:07 PM

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


  • GetMeWebDesign likes this

#5 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 11 May 2014 - 08:51 AM

@

Please Login or Register to see this Hidden Content

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.



#6 topjaba

topjaba

    Advanced Member

  • Members

  • 56 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 11 May 2014 - 05:14 PM

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?



#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 May 2014 - 10:35 AM

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. 



#8 topjaba

topjaba

    Advanced Member

  • Members

  • 56 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 12 May 2014 - 01:08 PM

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. 



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 12 May 2014 - 01:13 PM   Best Answer

I'm not seeing any issue - 

Please Login or Register to see this Hidden Content

 

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.



#10 topjaba

topjaba

    Advanced Member

  • Members

  • 56 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 12 May 2014 - 02:51 PM

Noted, thanks.



#11 Danny

Danny

    Is Awesome!

  • Moderators
  • 15907 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 May 2014 - 10:34 AM

No problem.







Also tagged with one or more of these keywords: Navi, Megamenu, left