Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 11, 2016 at 11:21 pm #646704
    smallisland

    Hi – Can you please advise…

    I’ve been using the following code to get the fullwidth sub menu to stick at the bottom of a mobile device screen. It works great on my development site, but now that I have copied everything to go live, it’s not working:

    Working on this site: ansaol.smallisland.com
    Not working on this one: ansaol.ie

    @media only screen and (max-width: 767px) {
    #top .av-submenu-container {
    position: fixed !important;
    bottom: 0 !important;
    z-index: 5000 !important;
    top: auto !important;
    }
    }

    I’ve sent login credentials privately. Thank you for your help!

    June 12, 2016 at 2:10 am #646734
    Vinay

    Hey smallisland,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
@media only screen and (max-width: 767px) {
#top #sub_menu1.av-submenu-container {
	position:fixed!important;
	bottom:0!important;
}}

    Best regards,
    Vinay

    June 13, 2016 at 9:13 am #647232
    smallisland

    Awesome! That did the trick! Thank you so much – you guys are wonderful!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Fullwidth Sub Menu – code not working to stick menu at bottom of mobile screen’ is closed to new replies.