Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 18, 2020 at 1:31 pm #1185642
    kitchkitch

    Hi Guys,

    Can you help me, I’m trying to reduce the height of a ‘Fullwidth Sub Menu’ selected from the media elements section? This is a Fullwidth Sub Menu on a single page.

    I have tried the following code in CSS but is has no effect.

    #top .av-submenu-container {
    height: 30px;
    }

    Thanks in advance. :)

    February 18, 2020 at 3:41 pm #1185710
    Victoria

    Hey andy,

    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

    
#top .av-submenu-container {
    min-height: 40px;
    line-height: 8px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 18, 2020 at 4:41 pm #1185734
    kitchkitch

    Hi Victoria,

    Thanks for the quick response, after dropping the code in the Quick CSS the ‘line height’ has had an effect but the container still remains at 50px height, I need it to be more like 30px.

    I also tried the code in custom.css, no joy.

    Can you recommend another method please?

    Thanks,

    Andy

    February 18, 2020 at 6:35 pm #1185766
    kitchkitch

    Found the solution, code below…

    #top .av-submenu-container {
    min-height: 30px !important;
    line-height: 10px !important;
    margin: 0px 0px -14px 0px;
    }

    Thanks,

    Andy

    February 18, 2020 at 8:02 pm #1185807
    Victoria

    Hi kitchkitch,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘'Fullwidth Sub Menu' selected from media elements – reduce the default height’ is closed to new replies.