Hi I would like to adjust the page width of my log in page so it doesn’t overlap with my menu page. Please help!
Website: constructionlayers.com
Password: CollectionThree
Hi,
You can adjust the padding on top instead of 36px to 15% as the attached image
To acheive this go to onlinestore, chose edit code and open your base.css file and add the following code:
@media screen and (min-width: 750px) {
.section-template–14625280524334__main-padding {padding-top: 15% !important;}
}
Let me know if the solution worked with you by accepting the solution.
Hello,
Thanks for the quick feedback, but I would like to achieve something like this so that it’s consistent with the rest of my pages.
Hi,
Yes sure, please modify the code to this:
To acheive this go to onlinestore, chose edit code and open your base.css file and add the following code:
@media screen and (min-width: 750px) {
.section-template–14625280524334__main-padding {padding-left: 20% !important;}
}
Save.
You can play around with the percentage until it reach your desired margin.
Great it worked! Now, secondly, how do you adjust the alignment of account and account details? I would like to top align them both. I would also like to make “ACCOUNT TEXT” smaller because its too big. Thanks again!
You can’t align account details with account as it’s nested with the order history.
To change the font size add the following code to your base.css
:is(.account, .order) h1 {font-size: 2.5rem !important;} adjust the value to your desired size