Tagged: mobile
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.
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
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
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?
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