Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1352554

    Dear team,

    the full width sub menu is not appearing at all on tablets and gets “cut” on mobiles:

    Can you please help with that?

    Thank you
    Asterios

    • This topic was modified 2 years, 6 months ago by Asterios. Reason: Spell
    #1352578

    Hey Asterios,
    This is because for mobile the theme doesn’t expect a fixed header as your customization, so the sticky menu has it’s height set to auto and position absolute.
    For your situation try this css:

    @media only screen and (max-width: 782px) { 
    	#sub_menu1 {
    		 top: 117px !important;
    		 position: fixed !important;
    	}
    
    }
    
    @media only screen and (min-width: 783px) and (max-width: 989px) { 
    	#sub_menu1 {
    		 top: 121px !important;
    		 position: fixed !important;
    	}
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1352924

    Dear Mike,

    I am sorry for the late reply. Somehow I forgot about it.

    Thank you, everything is fine again.
    Please mark this as resolved.

    Best Regards
    Asterios

    #1352940

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Full width submenu on tablets and mobiles’ is closed to new replies.