Jump to content

Archived

This topic is now archived and is closed to further replies.

topjaba

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

Recommended Posts

topjaba    0
topjaba

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
batman    389
batman

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
:)

Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
batman    389
batman

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

:)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
Aires+    258
Aires

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

  • Like 1

ndTgvai.jpg

Visit iheartpagelines.com for the latest tutorials on PageLines related products.

 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
topjaba    0
topjaba

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
Danny    1,327
Danny

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. 


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
topjaba    0
topjaba

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • decmech
      By decmech+
      Hey Guys,
      Having some issues with the dropdowns for the Navi in DMS. For some reason I can't have any more than 2 levels in the dropdown. The cursor is hovering over RPAS Training (and the arrow to indicate more is visible) but no matter what browsers, it never shows up. Also inspecting the HTML shows that the additional fields are not there.
      I have inspected the PHP and cannot see anything that is limiting the number of levels. Any assistance to get the additional levels showing would be great.

    • triggerfish
      By triggerfish+
      I am stumped here, The Mega menu drop down menus are going under the Quickslider.
      I have tried the Z-index with no luck..any ideas here would be greatly appreciated.
      http://randbplumbing.ca/slider-test-3/
       
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
      thanks
    • Kedark
      By Kedark+
      Hi,
      how to set the menu navi:
      - The background color when you expand a submenu,
      - Background color on mouseover,
      - The color of the text,
      - Width of submenu
      Please help, nowhere in the forum I have not found the answers to these questions ..
      Regards
      RKA
       
    • triggerfish
      By triggerfish+
       I have setup the Navi (content width) to show the burger icon for my menu system (desk and mobile).
      It works great..displays only the Burger..BUT ONLY when on the Default Menu (which is not a real menu, but some random selection of pages).
      As soon as I select the MAIN Menu in the Navi settings it suddenly displays all of the menu items...which I don't want.
      The domain is not pointed yet..it is at 162.219.161.131
      If you know how to trick your computer the website is here... http://phw-homes.com/home-dms-2


×