Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 31, 2020 at 1:47 pm #1180263
    dgvicario

    Hi,
    I’m using enfold and the demo enfold startup to create my page. When using a full width submenu under the first color section it’s not displayed correctly on mobile. On the demo, the submenu has a thin line under the burger icon:

    Image 2020-01-31 at 12.45.33 PM.png

    On my site, the submenu has a thick line under the burger icon:

    Image 2020-01-31 at 12.47.18 PM.png

    How can I fix this?

    Thanks.

    January 31, 2020 at 7:54 pm #1180383
    Victoria

    Hey dgvicario,

    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 (max-width: 767px) {
  #top .sticky_placeholder {
    height: 0 !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 4, 2020 at 11:13 am #1181217
    dgvicario

    Hi,
    Now it works, thanks a lot :)
    I have one additional question. If I want to add this changes with a child theme, how should I do it? Install the Enfold child theme and add this custom code to the file style.css?

    Best regards,
    David

    February 4, 2020 at 5:32 pm #1181385
    Victoria

    Hi David,

    Glad we could help :)

    Well, you can just add it to the Quick css in the Theme options, no need for a child theme just for this css.

    Best regards,
    Victoria

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