Okay
  Public Ticket #2662303
Mega Menu column header styling
Closed

Comments

  •  16
    Jen started the conversation

    Hi I have set up a mega menu under the menu item "courses"

    But the column is full width and I would love it to simply be a two column mega menu that just sits under courses.

    Also I cannot find where to alter the column header CSS stying

    I would like the items at the top of the columns to be thicker and bigger  ie 15px and font weight 500


  •  2,963
    Andrew replied

    Hi Jen,

    Please send me your admin login credentials so that I can access your website.

    Thanks.

  •   Jen replied privately
  •  16
    Jen replied

    Wr are turning off the maint mode in a moment for some testing.. but will be reactivating it again shortly.

    Did you get in?


  •  16
    Jen replied

    Andrew you will also see I ahve a blank column... because with 2 columns the content was appearing too far to the left...

    I don't need a b lank column if I can get the menu item columns to appear under the Courses item


  •  2,963
    Andrew replied

    Hi Jen,

    Please send me login credentials with admin privileges so that I can look into this with all features available.

    Thanks.

  •   Jen replied privately
  •  2,963
    Andrew replied

    Hi Jen,

    This article might help: https://themenectar.ticksy.com/article/9655/edit/.

    Thanks.

  •  16
    Jen replied

    Andrew.. this is exactly how I have set it up... But this doesn't help to set the CSS that shows in your example on this tutorial fro the column headers to have different fonts styling


  •  2,963
    Andrew replied

    Hi Jen,

    Just to clarify and confirm the menu items you would like to edit to be thicker and bigger is 

    "Courses" and "TS and CS"

    Please correct me if I did not understand you.

    Best regards,

  •  16
    Jen replied

    Yes thats right.. so that they look more like clumn headers


  •  8,849
    Tahir replied

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body:not([data-header-format="left-header"]) #top nav > ul > .megamenu > ul > li > a{
        font-weight: bold !important;
    }

    Thanks


    ThemeNectar Support Team 

  •  16
    Jen replied

    Nope... Had no effect at ll :(

    I even tried adding !important  but no effect