Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #977964


    the submenu should stick at the top of the page in tablet-format. but it doesn’t.
    it has a space: element.style top:46px;

    1) why that? there is no header.
    2) how to fix it?

    thanks for your help.

    • This topic was modified 6 years, 1 month ago by nautrino.

    Hey nautrino,

    This is because you are using sticky header but it is not sticky on mobile and that is causing that white space. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    @media only screen and (max-width: 990px) {
    .responsive.html_mobile_menu_tablet #top #wrap_all #header {
        position: fixed!important;

    We will report the issue to our devs

    Best regards,


    thanks – it’s interesting, that it’s working in landscape mode but not in portrait mode.
    the code is not helping, but thank you for taking a closer look at this issue in the future.

    My solution would be

    1 – to make it disappear in that case.
    How would I give the submenu only in tablet portrait mode a display:none ?


    2 – give it the “smartphone submenu” which is now starting at 767px.
    How would I do this starting at 768?



    To have the sub-menu extend to 768px, please try this css in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 768px)
    	.responsive #top .sticky_placeholder{max-height:0px; }
    	.responsive #top .av-submenu-container{top: auto !important; position: relative !important; height:auto; min-height:0; margin-bottom: -1px;}
    	.responsive #top .av-menu-mobile-active {text-align: center; }
    	.responsive #top .av-menu-mobile-active .mobile_menu_toggle{display: inline-block!important; }
    	.responsive #top .av-menu-mobile-active .av-subnav-menu{display:none!important; }
    	.responsive #top #wrap_all .av-menu-mobile-active.container {width:100%; max-width: 100%;}
    	.responsive #top .av-menu-mobile-active .av-open-submenu.av-subnav-menu{display:block!important; }
    	.responsive #top .av-subnav-menu > li:first-child{margin-top:-1px;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu  li{display:block; border-top-style: solid; border-top-width: 1px; padding:0;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu > li > a{border-left:none; padding:15px 15%; text-align: left;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu > li a:before{content: "\25BA"; position: absolute; top: 15px; margin-left: -10px; font-family: 'entypo-fontello'; font-size: 7px;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul{visibility:visible; opacity: 1; top:0; left:0; position: relative; width:100%; border:none;}
    	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul{display: none;}
    	.responsive #top .av-menu-mobile-active.av-submenu-hidden .av-subnav-menu li > ul.av-visible-sublist{display: block;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu li > ul a{padding:15px 19%;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu li li > ul a{padding:15px 24%;}
    	.responsive #top .av-menu-mobile-active .av-subnav-menu li li li > ul a{padding:15px 29%;}

    Best regards,


    Thanks, Yigit,
    it’s keeping the header sticky. But it takes the content up and places it under the header and the subnavigation.

    I will let the sub navigation roll out. Thats okay for now.



    Thanks, but this is not changing anything.
    Anyway, I will let the sub menu roll out for now. That’s fine for now.

    Beste regards,


    Ok, thanks for using Enfold.

    Best regards,

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