Home Forums SEA WordPress Theme Different menu on pc and on mobile

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #27023
    bocekcech
    Participant
    Purchased
    Expired

    Hello,

    I would need help on how to set up that on my website when browsing on a computer there will be a classic menu as I have it set up now, but the phone menu from Hamburger will be different. I would like the phone to go to the right after clicking on the haburger menu, instead of from the top, as it is now set by default.

    My web page is: https://bocekcech.cz/

    Thanks a lot for the answer
    Best Regards
    Richard Cech

    #27025
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi there,
    Welcome to SeaTheme forum.

    Did you mean that the menu panel should slide from right instead of top on the mobile layout?


    Regards!
    SeaTheme – FAQsWordPress CustomizationFacebook

    #27026
    bocekcech
    Participant
    Purchased
    Expired

    Hello,

    Yes, exactly 🙂

    Thanks a lot for the answer
    Best Regards
    Richard Cech

    #27027
    SeaTheme
    Keymaster
    Purchased
    Expired

    Thanks
    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”

    .menu-panel  {  bottom:0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    
    }
    .show_mobile_menu:not(.navi-show-icon) .menu-panel,
    .show_mobile_menu.ux-mobile.navi-show-icon .menu-panel { 
    	animation: transX_100to0 .3s cubic-bezier(0, 0.99, 0.91, 0.99) both; 
    }
    body:not(.show_mobile_menu).hide_mobile_menu .menu-panel,
    body:not(.show_popup).hide_popup .portfolio-panel {
    	animation: transX0to_100 .3s linear both;
    }
    @keyframes transX0to_100 {
    	0% {
    		transform: translateX(0);
    		position: absolute;
    	}
    
    	100% {
    		transform: translateX(100%);
    		position: relative;
    	}
    }
    @keyframes transX_100to0 {
    	0% {
    		transform:  translateX(100%);
    		position: absolute;
    	}
    
    	100% {
    		transform: translateX(0);
    		position: relative;
    	}
    }

    Regards!
    SeaTheme – FAQsWordPress CustomizationFacebook

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