Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 31, 2019 at 4:10 pm #1061034
    mynick

    Hi there,

    I’m trying to make my Mega Menu a bit wider because it makes everything look cleaner.
    I can do this my changing the following HTML when I do ‘inspect element’ in Google Chrome. I do however have not knowledge do this permanently. Can anyone help me out?

    <div class="avia_mega_div avia_mega2 six units" style="opacity: 0; display: none; right: -267.563px;">
<div class="avia_mega_div avia_mega2 nine units" style="opacity: 0; display: none; right: -267.563px;">

    The desired results are in the screens below:

    View post on imgur.com

    I’m using the latest Enfold & WordPress. Using a child theme.

    PS: If you have an easier/better solution in mind… Please let me know.

    (Log-in can be found in ‘Private content’ below.)

    February 1, 2019 at 11:40 pm #1061778
    Victoria

    Hey jeroenvandessel,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:1024px){
    #header .six.units {
        width: 805px !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.