Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 14, 2016 at 2:29 pm #582948
    bakbek

    Hi, as you can see here – http://screencast.com/t/tKLULROji – the mobile menu is not aligned to the right. How can I make sure that in all mobile screens (smartphones & tablets) the logo will show on the left and the mobile menu will show on the right?

    Thanks.

    February 15, 2016 at 3:40 pm #583502
    Yigit

    Hey DROR!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide {
    left: auto !important;
    right: 0 !important;
}}

    Best regards,
    Yigit

    February 15, 2016 at 3:45 pm #583506
    bakbek

    That worked but now the menu and the woocommerce cart button are overlapping – http://screencast.com/t/FbBrVbKs. how can I fix that?

    February 15, 2016 at 4:17 pm #583532
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 989px) and (min-width: 768px) { 
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 13%;
}}
@media only screen and (max-width: 767px) { 
.responsive #top .cart_dropdown {
    right: 7.5%;
}}

    Regards,
    Yigit

    February 15, 2016 at 4:21 pm #583537
    bakbek

    Great. Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to move the mobile menu to the right?’ is closed to new replies.