Move the cart and menu to the mobile version

Hello.
Please help me move the cart to the right and move the menu-button to the left.
I previously used css:
> >

>     				<i class="fa fa-shopping-cart"></i>&nbsp;
>     	<?php echo '<a class="cart-contents" href="' . WC()->cart->get_cart_url() . '" title="' . __( 'View your shopping cart', 'theshop' ) . '">' . sprintf (_n( '%d item', '%d items', WC()->cart->cart_contents_count, 'theshop' ), WC()->cart->cart_contents_count ) . '-' . WC()->cart->get_cart_total() . '</a>'; ?>	</div>


Hello, sorry for delay. Try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 767px) {
    .mobile-nav {
        width: auto;
        display: inline-block;
    }

    .mobile-nav .slicknav_menu {
        margin-top: 0;
    }

    .mobile-cart-info {
        width: auto;
        display: inline-block;
        position: absolute;
        right: 0;
        margin-right: 30px;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

1 Like

That’s what I need!
Thank you very much!!!

You are welcome! :slight_smile:

Kind Regards, Roman.

1 Like