I found one of the topics about changing the location of Home Page Heading. It is really helpful. But after I did that, I realised that the location of Home Page Buttons changed as well. So how can I make the Home Page Buttons stay at the original location while I change the Home Page Heading location?
Hi Meng,
Please provide your website URL so that we can assist you better
Best Regards
Hi Meng,
Add this CSS
.slide-bg-section .slide-bg-text {
display: table-cell;
vertical-align: middle;
}
Copy and paste this in Appearance -> Customize -> Additional CSS
Best Regards
Hi, thank you for your help but the CSS you provide in the last reply didn’t solve my problem.
It just moved home page heading and the button back to the original place.
Is it possible that I can leave the button in the middle and just move the heading down to the bottom?
Hi Meng,
Try this one
.slide-bg-section .slide-bg-text {
display: table-cell;
vertical-align: bottom;
}
.slide-bg-section .slide-buttons {
clear: right;
position: absolute;
top: 40%;
left: 45%;
}
@media only screen and (max-width: 320px) {
.slide-bg-section .slide-buttons {
clear: right;
position: absolute;
left: 28% !important;
}
}
@media only screen and (max-width: 480px) {
.slide-bg-section .slide-buttons {
clear: right;
position: absolute;
left: 32%;
}
}
Best Regards
It works. Thank you for your help!
Have a nice day!