Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 26, 2015 at 11:42 pm #403069
    Tim

    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

    February 27, 2015 at 3:37 pm #403452
    Yigit

    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

    February 27, 2015 at 5:25 pm #403530
    Tim

    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

    February 27, 2015 at 5:40 pm #403550
    Yigit

    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

    February 27, 2015 at 6:57 pm #403597
    Tim

    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!

    February 27, 2015 at 7:10 pm #403604
    Tim

    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

    March 2, 2015 at 2:40 am #404213
    Andy

    Hey!

    please add this code:

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

    Best regards,
    Andy

    April 20, 2015 at 9:36 am #431166
    Tim

    Hello Andy,

    The header is fine now thnx!

    Greets Tim

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