Move cart button to the right - Kingdom theme

Solved
Highlighted

@YanisM 

So revert the previous change, but instead of cutting, let's copy so you have 2. one before and one after

but let's name them different, currently, they should be named

 

 

 

<div class="product__text rte">
  CODE INBETWEEN
</div>

 

 

 

 

The green highlighted code name the original one "product__text rte mobile_description" and the new one below the </section> name it "product__text rte desktop_description"

Once you added the above, go to your theme.scss file and paste the below code at the bottom

 

 

.product__text.rte.mobile_description  {
    display: none;
}

@media only screen and (max-width: 480px) {
    .product__text.rte.mobile_description {
        display: inherit;
    }
}

.product__text.rte.desktop_description {
    display: none;
}

@media only screen and (min-width: 481px) {
    .product__text.rte.desktop_description {
        display: inherit;
    }
}

 

 

 

 

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes
Highlighted
Excursionist
39 0 3

Ok now it works on mobile, but there are two add to cart buttons, and it went back to the left on desktop

thank you so much for your time and help!

atelier17 page produit 2.PNGatelier17 page produit 3.PNG

 

0 Likes
Highlighted

@YanisM 

You didn't paste them in the correct sections. I can also see you have double share links. Please email me I can get this sorted for you.

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
0 Likes
Highlighted
Excursionist
39 0 3
Ok I’ll check again, it’s really late where I live so I’ll get back on it
later, thank you so much for your help I get back to you asap
0 Likes
Highlighted

This is an accepted solution.

@YanisM 

no problems, also above please use my updated css styling, replace the original with below. If all is done well it should work

 

.product__text.rte.mobile_description  {
    display: none;
}

@media only screen and (max-width: 480px) {
    .product__text.rte.mobile_description {
        display: inherit;
    }
}

.product__text.rte.desktop_description {
    display: none;
}

@media only screen and (min-width: 481px) {
    .product__text.rte.desktop_description {
        display: inherit;
    }
}

 

 

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
1 Like
Highlighted
Excursionist
39 0 3

Hi again @Defineify ,

It's working, thank you so much!
Also, do you know how I can move the burger to the left on mobile, and put the logo in the middle (on mobile only)?

0 Likes
Highlighted

This is an accepted solution.

@YanisM 

Great news to hear it's solved :), can you please mark the post as the solution, would be grateful.

As for the burger and logo, unfortunately not an easy fix. We have to make sure the sidebar menu also opens to the left side as well. It'll be too much to explain.

I suggest you hire a developer to complete this for you. I am available if you choose me, my email is below.

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at Defineify@gmail.com
1 Like
Highlighted
Excursionist
39 0 3

Hi @Defineify,

I'm facing an issue with the cart button.
Now that it is moved to the right thanks to you, every product appear as unavailable
I've checked some topics and it might come from this edit we made.
Any idea how to solve this issue?

Thanks a lot! 
Website: atelier17-boutique.com
Password: atelier17 

atelier 17 product unavailable.PNG

0 Likes