Okay
  Public Ticket #584501
Mega Menu Display Issues
Closed

Comments

  • Ian started the conversation
    November 14, 2015 at 8:49am

    I'm having an issue with the mega menu not aligning correctly resulting in a big blank space on the right hand side. I've set it up the same way I have on previous sites that work perfectly fine. This one however is not displaying right. My developer couldn't figure it out either.

    Any suggestions?

  •  9,639
    Tahir replied
    November 16, 2015 at 3:09pm

    Hey ,

    Please see: http://prntscr.com/93cc0d . It seems to be working alright. Also i noticed on the screenshot you provided the browser seems to be zoomed out ?.

    Bes.t

     Salient Support Team

  • Ian replied
    November 16, 2015 at 5:47pm

    No, my screen is not zoomed out or in. It looks like you are on a much smaller monitor which would explain why it looks okay on your end. i\'m on 1920x1080 monitors. I\'ve had this tested on multiple comps as well. It only looks right when the window is scaled down to almost tablet size.

  •  9,639
    Tahir replied
    November 16, 2015 at 10:15pm

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    @media only screen and (min-width: 1440px) {
   header#top nav > ul > li.megamenu.columns-5 > ul > li {
        width: 22%;
    }
}

    Best.


     Salient Support Team

  • Ian replied
    November 19, 2015 at 9:24am

    It\'s still off just a little bit but it\'s close enough I guess.


  • Ian replied
    November 20, 2015 at 1:05am

    Well, I figured it was, but after checking it on my smaller resolution laptop it\'s just not fitting right still. Here\'s a screen shot.

  •  9,639
    Tahir replied
    November 20, 2015 at 3:22pm

    Hey ,

    Try changing the value to 21% .

    Best.

     Salient Support Team

  •  2
    Ruth replied
    October 18, 2016 at 6:53pm

    Hi Tahir, 

    I have the same problem as Ian. 

    I'm having an issue with the mega menu not aligning correctly resulting in a big blank space on the right hand side.

    Thanks!


  •  9,639
    Tahir replied
    October 19, 2016 at 2:59pm

    Hey Ruth,

    Please have a look at the User-guide Mega Menu Section : http://themenectar.com/docs/salient.pdf . 

    Thanks 

     Salient Support Team

  •  2
    Ruth replied
    October 19, 2016 at 3:08pm

    Hey Tahir,

    Thanks for the reply!

    I read that document and followed the steps. 

    I Added megamenu columns-3 to the css class.

    Please take a look at the attachment. Can you let me know how to fix it?

    Thanks!

  •  9,639
    Tahir replied
    October 19, 2016 at 3:44pm

    Hey Again,

    Please create a new preivate ticket with your site url and wp-admin login details so we can have a look. 

    Thanks 

     Salient Support Team