Hi,
I want to move this button up on desktop
as picture . Just this button
my site is https://luxurymrkt.com
Hi @Luxurymrkt !
This is PageFly - Advanced Page Builder. I would love to give you some recommendation
Please paste this code at the bottom of theme.css under assets in theme code files
@media only screen and (min-width: 768px) {
.btn,.rte .btn,.shopify-payment-button .shopify-payment-button__buttonâunbranded,.spr-container .spr-button,.spr-container .spr-summary-actions a{
margin-right: -762px !important ;
margin-top: -982px !important ;
}
}
Like this;
Best Regards;
PageFly
Hey @Luxurymrkt .
Thanks for reaching out.
I appreciate the screenshot that you have shared with us of the button and the position you would like to move it to. By any chance, could you let us know which theme is being used on your online store? This context will help us determine the next steps to move the button.
If you are unsure about which theme is live on your online store, you can navigate to the Theme Editor and select the three dots that are appearing towards the top left of the page. I took a screenshot from my test store to show you the section I am referring to:
Looking forward to your response.
This moves the payment button on product page also
Hi Ollie,
Impulse Theme
Possible to only target that button? @PageFly-Victor because if not my payment button moves also
Hi @Luxurymrkt
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
-Go to Online Store->Theme->Edit code
-Asset->theme.js paste the below code at the top of the file.
@media(max-width:1024px){
.pf_customSection h2{
width:100% !important
}
.pf_customBtn{
display:none !important
}
}
@media (min-width:1024px){
.pf_customSection{
display:flex !important
}
.pf_customSection h2{
width:70% !important
}
.pf_custom{
display:none !important
}
}
-Go to Online Store->Theme->Edit code
-Asset->theme.js paste the below code at the bottom of the file.
const section=document.querySelector(â#shopify-section-templateâ15648732545205__1661004888c6218875 .section-headerâ)
section.classList.add(âpf_customSectionâ)
const btn=document.querySelector(â#shopify-section-templateâ15648732545205__1655737516587c7b13 aâ)
btn.classList.add(âpf_customâ)
const createA= document.createElement(âaâ)
createA.className=âbtn pf_customBtnâ
createA.textContent=btn.innerText
createA.setAttribute(âhrefâ,btn.getAttribute(âhrefâ))
section.appendChild(createA)
Best Regards;
PageFly
This messed up whole site had to delete the codes. Took away pictures and areas
Hey @Luxurymrkt .
Thanks for the quick response.
Looking into the Impulse theme, I noticed there isnât a specific way to move the button on the screenshot using the Theme Editor. With that being said, it is possible to make a change to the coding theme to have the button displayed where you would like. Since this theme is designed and supported by Archetype Themes, we are a bit unfamiliar with the style of coding that is being used.
In this case, it would be best to reach out to the developers of the theme with this inquiry as they should be able to provide you with additional support to make this change.
I did come across to finding their Contact Us page and wanted to provide it.
Let me know if you have any questions.
if you can give me access i will add the code for you