DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
Prev
Next

DDRMenu - Submenus on right disappear off the edge of the browser window

Forums > Themes, Containers, and Templates
Sort:
You are not authorized to post a reply.





RichardHowells

Growing Member



Posts:46
Growing Member




12/12/2021 6:22 AM

    Hi,

    My skin places the menu pushed to the right hand side of the page.  Level 1 drop downs are fine.  When submenus (level 2) pop-up they can disappear off the right hand side of the screen.

    How can I adjust ths behaviour so that a submenu that would overflow the visible portion of the screen pops up to the left of its parent?

    Thanks,
    Richard
    www.dynamisys.co.uk





    Joe Craig

    Veteran Member



    Posts:1236
    Veteran Member




    12/12/2021 9:09 PM
      The short answer is that it's a most likely a CSS issue.
      Joe Craig
      DNN MVP
      Patapsco Research Group





      RichardHowells

      Growing Member



      Posts:46
      Growing Member




      12/13/2021 6:30 AM
        Turns out that DDRMenu, isn't really responsible. The 'user defined' template that DDRMenu processes generates some HTML markup. That markup plus the (also 'user supplied') CSS creates the menu appearance and behaviour.

        So the solution lies in the template/CSS combination.

        In my case the template generates markup for a Bootstrap navbar. I spent a while yesterday in various Bootstrap tutorials and documentation. Based on the docs, adding the class dropleft at the right place in the markup should make the submenus appear on the left of their parent. I could not make that work. It may well be that I don't understand the Bootstrap docs well enough.

        Anyhow. Smuggling in a CSS override to remove left:100% and replace with right:100%, did the trick for positioning the submenus. Some Bootstrap provided class (I think the dropleft - from memory) made the menu place the little arrow glyphs on the left instead of the right.
        Thanks,
        Richard
        www.dynamisys.co.uk
        You are not authorized to post a reply.

        These Forums are dedicated to the discussion of DNN Platform.

        For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

        1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy. 
        2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
        3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
        4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
        5. No Flaming or Trolling.
        6. No Profanity, Racism, or Prejudice.
        7. Site Moderators have the final word on approving / removing a thread or post or comment.
        8. English language posting only, please.

        Would you like to help us?

        Awesome! Simply post in the forums using the link below and we'll get you started.

        Get Involved