Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 19, 2018 at 6:51 pm #899822
    MLA18

    Thanks to this documentation I have added a widget to the header area:

    add_action( ‘ava_main_header’, ‘enfold_customization_header_widget_area’ );
    function enfold_customization_header_widget_area() {
    dynamic_sidebar( ‘header’ );
    }

    I added the widget to the header area in order to add a company slogan to that header space. I am using both the Sticky Header and Shrinking Header features.

    My question is in regards to the Shrinking Header feature: Is it possible through CSS to make the company slogan that is in the header widget area also shrink and remain visible as does the logo when a user scrolls down on any page? This is just in regards to when viewed on desktop. I am aware that the shrinking header feature is ignored when viewed on tablets and mobile devices.

    Any advice you can share would be greatly appreciated.

    Thanks in advance!

    January 22, 2018 at 9:13 am #900684
    Victoria

    Hey MLA18,

    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.header-scrolled #text-7.widget {
   transition: padding-top 0.1s ease;
    padding-top: 20px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 22, 2018 at 5:03 pm #900888
    MLA18

    Thank you, Victoria! This is exactly what I was looking for.

    You may close this topic. Thanks again!

    January 22, 2018 at 6:00 pm #900916
    Jordan Shannon

    Hi,

    Great! I’m glad Victoria’s solution was able to help you solve your issue. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Shrinking Header + Header Widget on Desktop’ is closed to new replies.