Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 13, 2016 at 3:35 pm #647436
    Russell009

    Hi

    I’ve had a look on the forums and don’t think this is already anywhere, so

    Could you give me the CSS to remove the dropshadow (bottom boder) on the header, but only when the header is not shrinking. (I have Sticky Header tuned on, and Shrinking Header tuned on).
    i.e. when the header is full size there is no dropshadow, but as soon as the user starts to scroll and the header starts shrinking then the dropshadow re-appears.

    Thanks very much
    Loving the theme!
    Russell

    • This topic was modified 8 years, 5 months ago by Russell009. Reason: typo
    June 13, 2016 at 4:22 pm #647464
    Yigit

    Hey Russell009,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #header_main {
    border-bottom: none!important;
}

    If that does not help, please post the link to your website

    Best regards,
    Yigit

    June 13, 2016 at 4:52 pm #647504
    Russell009

    Hi Yigit

    Sorry, that removes the border completely.
    I want the border to still be there once the header starts to shrink, but not be there when it’s full-size. Does that make sense?

    The site is not live yet, sorry.

    Thanks
    Russ

    June 13, 2016 at 4:57 pm #647510
    Yigit

    Hey!

    Please change the code to following one 

    #header_main {
    border-bottom-color: transparent!important;
}
#header_main.header-scrolled {
    border-bottom-color: #e2e2e2!important;
}

    Best regards,
    Yigit

    June 13, 2016 at 5:46 pm #647546
    Russell009

    Hi again

    You’ve got the idea, but it still doesn’t work.
    The border doesn’t return when scrolling, it stays transparent.
    I tried

    #header_main {
    border-bottom-color: transparent !important;
}
#header_main.header-scrolled {
    border-bottom: single !important;
    border-bottom-color: #e2e2e2 !important;
}

    but that didn’t work either!

    Thanks
    Russ

    June 13, 2016 at 5:53 pm #647553
    Yigit

    Hey!

    Can you please try using following one 

    #header_main {
    border-bottom-color: transparent;
}
#header.header-scrolled #header_main{
    border-bottom-color: #e2e2e2 !important;
}

    Cheers!
    Yigit

    • This reply was modified 8 years, 5 months ago by Yigit.
    June 14, 2016 at 10:43 am #647885
    Russell009

    Hi Yigit

    Perfect! Thanks very much. Working fine

    Thanks
    Russ

    June 14, 2016 at 12:00 pm #647911
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest .
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘css to remove dropshadow on header’ is closed to new replies.