Cant Align Centre - Help

Solved
New Member
3 0 1

Trying to create some buttons in my themes style for my help page.

here is the code i come up with so far..

<div class="grid__item small-up--three-quarters small-up--push-three-eighth">
<div class="rte text-spacing">
<p style="text-align: center;">Please reference the links below for questions on the following:</p>
<p style="text-align: center;"><a class="btn btn--tertiary" style="margin-bottom: 10px; width: 350px;" href="https://paranoidprints.com/pages/contact-us" target="_self">Contact Us</a></p>
<p style="text-align: center;"><a class="btn btn--tertiary" style="margin-bottom: 10px; width: 350px;" href="https://paranoidprints.com/pages/how-to" target="_self">How to Hang Your Artwork</a></p>
<p style="text-align: center;"><a class="btn btn--tertiary" style="margin-bottom: 10px; width: 350px;" href="https://paranoidprints.com/pages/faq" target="_self">FAQ</a></p>
</div>
</div>

 

For some reason it isn't perfectly centre on mobile, i don't know where i mucked up.. should be a super easy fix but I can't seem to use my basic code knowledge to fix it lol

website link is https://gogoglow.myshopify.com/ and password is tt

Would love any help.. Thanks!!

Shopify Partner
3713 827 1036

This is an accepted solution.

@KodiR 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (max-width: 769px){
.template-page a.btn.btn--tertiary{ width: 100% !important;}
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes