Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #403069

    Hello Guys,

    I have some questions I hope you can help me with:

    1) I use a Iframe in a page and it gives a conflict with the transparent header. I made two same pages one with and one without the iframe so you can see the difference.

    2) The sidebar on the pages sows the current page. I think it came there after I selected the Page Sidebar navigation? But after deselecting it it was still there.. Anyway I like the function if it can be prober styled but cant seem to get it right and dont know if this is normal?

    Thnx Tim

    #403452

    Hi Tim!

    1- Please try adding following code to Functions.php file in Appearance > Editor

    function transparent_header_scroll(){
    ?>
    <script>
    jQuery(window).scroll(function(){
    if(jQuery(this).scrollTop() > 200) jQuery('.page-id-623 #header').removeClass('av_header_transparency');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'transparent_header_scroll');

    2- Please add following code to Quick CSS

    .sidebar_left .widget_nav_menu ul:first-child>.current-menu-item, .sidebar_left .widget_nav_menu ul:first-child>.current_page_item, .sidebar_left .widget_nav_menu ul:first-child>.current-menu-ancestor {
    padding-right: 0; }

    Regards,
    Yigit

    #403530

    Hello Yigit,

    That almost helped, thnx!

    For 1) The special header doesn’t show the text. And when I scroll back the header doesn’t become transparent again.

    For 2) I made the size of the menu item also width 100% as the current menu item. But this doesnt work for the widget title, so now there is a small size difference.

    Greets Tim

    #403550

    Hey!

    Please change the code to following one

    function transparent_header_scroll(){
    ?>
    <script>
    jQuery(window).scroll(function(){
    if(jQuery(this).scrollTop() > 200) jQuery('.page-id-623 #header').removeClass('av_header_transparency');
    if(jQuery(this).scrollTop() < 200) jQuery('.page-id-623 #header').addClass('av_header_transparency');
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'transparent_header_scroll');

    2- and add following code to Quick CSS as well

    .widget_nav_menu li {
    width: 99%;
    }

    Cheers!
    Yigit

    #403597

    Hello,

    The header shows still no text.

    And for the sidebar the title is 1 px bigger now (1920 screen) and the current item also.

    Greets!

    #403604

    Hey Yigit,

    I didn’t explained it right:
    The transparency is solved :)
    But i places a special header in the (header) color section and this is not visible.

    Greets

    #404213

    Hey!

    please add this code:

    .js_active .av-minimum-height .container {
    opacity: 1;
    }
    

    Best regards,
    Andy

    #431166

    Hello Andy,

    The header is fine now thnx!

    Greets Tim

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Sidebar and header’ is closed to new replies.