Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 12, 2019 at 3:07 am #1052956
    jmbernstein

    what is the css to remove the border around the sticky header? I need to make it so when you scroll down, the menu flips to a dark blue but without a white border. I have attached a screenshot of what happens.

    https://i.gyazo.com/5757589b0fbcfee0eb7ec0b45e740aea.gif

    January 12, 2019 at 5:51 am #1052967
    Mike

    Hey jmbernstein,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .av_header_with_border.av_header_transparency #header_main {
    border: 1px solid red !important; 
    border-top-color: red !important; 
}
#top .av_header_with_border.av_header_transparency .avia-menu.av_menu_icon_beside {
    border-color: red !important; 
}

    I have set the color to red as an example, please change to the color that you would like.
    If this doesn’t work for you, please include a link to the page in question so we can examine closer.

    Best regards,
    Mike

    January 12, 2019 at 9:07 am #1053023
    jmbernstein
    This reply has been marked as private.
    January 12, 2019 at 9:11 am #1053024
    jmbernstein
    This reply has been marked as private.
    January 12, 2019 at 9:11 am #1053025
    jmbernstein
    This reply has been marked as private.
    January 12, 2019 at 6:21 pm #1053178
    Victoria

    Hi jmbernstein,

    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

    
#header_main {
  border: none;
}
.av_header_border_disabled #header_meta {
       border-bottom: 1px solid rgba(255,255,255,0.25);
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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