Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #563869

    Top bar transitions to white upon scroll before the main navbar does. Is it there a way to make them transition at the same time?

    #564276

    Hey AboveDigital!

    Try adding this to your custom CSS.

    .html_header_transparency #header_meta {
        transition: background 0.6s ease-in-out !important;
    }

    Regards,
    Elliott

    #716129

    Hi Eliott,

    Sorry for very late reply, sorry it hasn’t work .

    #717067

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab
    .bg-white { background-color: white !important; opacity: 1!important; }
    then add following code to functions.php file in Appearance > Editor

    
    function avia_custom_header_scroll(){
    ?>
    <script>
    jQuery(window).scroll(function(){
    if(jQuery(this).scrollTop() > 10) jQuery('#header .header_bg').addClass('bg-white');
    if(jQuery(this).scrollTop() < 10) jQuery('#header .header_bg').removeClass('bg-white');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'avia_custom_header_scroll');

    Regards,
    Yigit

    • This reply was modified 7 years, 4 months ago by Yigit.
    #717719

    Hi Yigit,

    Unfortunately, it did not work.

    Above Digtal

    #718729

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    #718789

    Hi,

    Will do.

    #718811

    Hi,

    I added the code to functions.php file, changed color code in Style.css file and enabled shrinking header. Please review your website now

    Best regards,
    Yigit

    #718869

    Hi,

    Sorry still hasn’t work. But can you please don’t enabled shrinking header.

    Above Digital

    #718874

    Hey!

    Following code was removed from Style.css file of your child theme

    .bg-white { background-color: #37383c !important; opacity: 1!important; }

    I added once again. Please flush browser cache and review your website now

    Regards,
    Yigit

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