Moving previous/next buttons to center right position on products page

Solved
New Member
1 0 0

Hello,

 

I am using the theme Prestige, and added the "previous / next" links on the product page.

To add this, I've used following code 

https://community.shopify.com/c/Shopify-Design/Previous-Next-navigation-cross-several-collections/m-...

which I added to the product-template.liquid in row 47.

 

Current view is:

current.png

 

And my target view is:

target.png

 

How can this be done, without changing the other layouts of images and product texts.

 

Thanks for your help already.

 

0 Likes

Hello @Basaze,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes

Success.

@Basaze,

Please see below scrrenshots

2020-01-13_16-32.jpg2020-01-13_16-35.jpg

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Excursionist
125 1 4

Hello, 

Ready to help you to move previous/next buttons to center-right position on the products page. Share me your store URL on my email id, please - 
atique@99coders.co

 

Thank you

also, If you like my answer then please like & for helpful then please accept as a solution.

Best Regards,
Shopify Expert
Atique/99coders
Email: atique@99coders.co
Skype: info@99coders.co
0 Likes

@Basaze.,

To center it on mobile add below css in theme.scss file

@media screen and (max-width: 1008px) {
#shopify-section-product-template .center.mobile_hidden {
text-align: center;
}
}

If you want it in center in desktop view then add your code which you added 1st time and add below css without media query

#shopify-section-product-template .center.mobile_hidden {
	text-align: center;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes