Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #306550

    I have a sticky header on my site with a fixed layout. Is it possible to disable the sticky header function on mobile devices only so that the sticky header becomes static. Right now if you use a sticky header and pinch a mobile device to zoom in, the sticky header will not zoom in correctly with the rest of the page.

    #306743

    Hey controlC!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 768px) { 
    .html_header_top.html_header_sticky #header { position: relative; width: 100%; }}

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

    Regards,
    Yigit

    #306869
    This reply has been marked as private.
    #307431

    Hi!

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

    function add_custom_script(){
    ?>
    <script>
    jQuery(window).load(function(){
      if (jQuery(window).width() <= 768){	
    	   jQuery("html").removeClass("html_header_sticky");
      }
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'add_custom_script');

    Regards,
    Yigit

    #307535

    Placed th code into place but still could not get the sticky menu to zoom in correctly on mobile devices. Am thinking this maybe something that can not be done for mobile devices. Is there a way to then get the mobile style menu instead of the sticky menu for fixed layouts?

    #307858

    Hi!

    It is possible but you are going to need to hire a freelance developer on Envato Studio or Codeable for that kind of customization as it is beyond the scope of support we can provide. You can also request quote from WerkPress.

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.