Need help? Check out our Support site, then


Moving the side menu in Mobile Versions

  1. Hello,

    The side Menu I have today shows up on the bottom of the page for mobile users, is there a way to move this menu to the top?

    Thanks,
    Jane

    The blog I need help with is etchsourcing.com.

  2. Hi,
    For moving the side menu you need to push and pull the columns of media query.
    By using push and pull it will change the order of the grid columns.
    You can see the demo at the following link which have solution of your question-
    Change the order of Grid Columns

    Thanks,
    Aakash Patel

  3. Hi,
    You should visit following tutorial link instead of above linkChange the order of the Grid colums.

    Thanks,
    Aakash Patel

  4. @aakashpatelsite - I'm afraid neither of those links worked for me, but here's some CSS that should move the widget to the top of the page, and then push the rest of the content down so it isn't covered up:

    @media screen and (max-width: 799px) {
        #nav_menu-5 {
    	position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 10px;
    }
    
    .admin-bar #nav_menu-5 {
        top: 33px;
    }
    
    #page {
        margin-top: 264px;
    }
    }
    
    @media screen and (max-width: 782px) {
    	.admin-bar #nav_menu-5 {
    		top: 46px;
    	}
    }

    Another option would be to use the built in menu at the top of the page through My Site > Menus :)

Topic Closed

This topic has been closed to new replies.

About this Topic