Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 10, 2021 at 2:24 pm #1332324
    Steve

    Hi,

    I’ve aligned the main menu to the right using:
    #avia-menu {width: auto !important; float: right;}

    When the mega menu opens up it’s aligning from the home button (left of the menu) to the right which is causing the third column to be offscreen (to the right).

    Is it possible to adjust the ‘anchor’ for the mega menu so it opens from the right of the menu towards the left of the screen?

    Thanks
    Steve

    December 12, 2021 at 7:28 pm #1332488
    Mike

    Hey Steve,
    Thank you for your patience and for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (min-width: 1300px) and (max-width: 1499px) { 
#menu-item-365:hover > .avia_mega_div.avia_mega3.nine.units,
#menu-item-365 > .avia_mega_div.avia_mega3.nine.units {
	    left: -700px !important;
}
}

@media only screen and (min-width: 1500px) { 
#menu-item-365:hover > .avia_mega_div.avia_mega3.nine.units,
#menu-item-365 > .avia_mega_div.avia_mega3.nine.units {
	    left: -1000px !important;
}
#menu-item-371:hover > .avia_mega_div.avia_mega2.six.units,
#menu-item-371 > .avia_mega_div.avia_mega2.six.units {
	    left: -500px !important;
}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    December 13, 2021 at 7:51 am #1332532
    Steve

    Thank you @Mike

    That’s done the trick

    December 13, 2021 at 10:38 am #1332547
    Nikko

    Hi Steve,

    We’re glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Mega Menu off screen to right when main menu aligned right’ is closed to new replies.