Home Forums Themes Support Claue Mobile View Changing

Viewing 7 reply threads
  • Author
    Posts
    • #14954

      Dear Harry,

      The desktop view is fine, but only in MOBILE view I like to put the cart icon on left and hamburger menu on right and their pop up open from their new side! ( cart pop up from left and menu pop up from right )

      How can I do this?

      Rahim Vaziri
      CEO & Founder at Look.ir

    • #14955

      Hi Rahim,

      I checked your site. The freelancer change the layout, our theme already change cart on the left, menu on the right and ( cart pop up from left and menu pop up from right ).

      Could you ask him revert or move the change to child theme.

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #14957
      This reply has been marked as private.

      Rahim Vaziri
      CEO & Founder at Look.ir

    • #14960

      Hi Rahim,

      I make the change for mobile, please check.

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #14961
      This reply has been marked as private.

      Rahim Vaziri
      CEO & Founder at Look.ir

    • #14962

      Hi Rahim,

      I added code in claue-child > style.css

      @media only screen and (max-width: 736px) {
      .header__mid .jas-row {
      	flex-direction: row-reverse;
      }
       .jas-mini-cart {
      	right: auto !important;
      	left: -320px !important;;
      } 
      .cart-opened .jas-mini-cart {
      	right: auto !important;;
      	left: 0 !important;;
      }
      .jas-canvas-menu {
      	left: auto !important;;
      	right: -320px !important;;
      }
      .menu-opened .jas-canvas-menu {
          left: auto !important;
          right: 0 !important;
      }
      .jas-push-menu h3 i {
      	left: auto !important;
      	right: 8px !important;
      }
      .header__mid  .jas-col-md-2.jas-col-sm-3.jas-col-xs-3.flex.start-md {
      	justify-content: flex-end;
      	padding: 0;
      }
      }

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #14963
      This reply has been marked as private.

      Rahim Vaziri
      CEO & Founder at Look.ir

    • #14965

      Hi,

      1. You can edit space of cart by edit padding: 0 5px in the last line code on style.css in claue-child

      2. You can flip hamburger menu icon by create new image and upload via Theme Option > Header > Mobile Menu Icon

      Best regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

Viewing 7 reply threads

You must be logged in to reply to this topic.