Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #7826


    the sub menus in the drop down menu are partially off screen if the menu expands at the screen edge.


    If you go that website and look at it with a normal browser sized window (i.e. 1024) and mouse over “Media” you see that this partially hidden since it expands to the wrong direction. Is there a way to make it expand inwards the screen?

    Thanks, Markus


    BUMP. Could someone please post an answer? I have posted quite some support requests on here. I have purchased 3 themes in the last 2 month and planned to purchase more. However, it seems that I am better off purchasing the themes somewhere else. Being ignored is not that nice :(



    Excuse me for the delay, I read this post when it was a few hours old but I didn’t know an answer so I decided to wait for Dude if he knew an answer. After this your post must’ve slipped through. I’ll forward this issue to Kriesi. Thanks for your patience.

    As I asked in your other topic – could you also link to your other posts that have gone unanswered? I couldn’t find any topics created by this account without a recent response.


    BUMP again. Issue is now 2 weeks old. Please let me know something. Like will be fixed in 2 week, months or years. So I can make an informed decision….


    You can try to add following code to css/custom.css:

    #top .avia_mega > li > ul, #top .avia_mega > li > ul ul{
    right. 0px;

    This will left align the dropdown boxes and will give you some space on the right. Other than that I see no css solution because you’d need to calculate the positions of the dropdowns and based on their position + screen resolution modify the css position dynamically. To be honest I’m not sure if we’ll ever release a fix for this because it’s a drawback all submenus suffer from (and not a theme/framework related problem). It would require some heavy calculations to “work around” this problems.


    Thanks! Will try that. Yes I did some research and most menus bleed off the right edge. I guess the best solution is to tell the client to structure the menus accordingly.


    Hi, actually I just found a fix: I hardcoded the CSS path to just that on submenu item and overwrote the left alignment with a negative value:

    ul#menu-second.avia_mega ul.sub-menu{

    left: -140px;


    Works on Mac in Chrome, Fox and Safari




    Good to see you’ve solved the issue. Thanks for sharing, it helps a lot :)

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Dropdown menu issue on right screen edge’ is closed to new replies.