How to page width of LOGIN PAGE?

clayinfo
Excursionist
51 0 11

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!

Screen Shot 2024-01-06 at 10.07.59 PM.png

Website: constructionlayers.com
Password: CollectionThree

Replies 5 (5)

Natasha-Saed
Shopify Partner
396 43 69

Hi,

 

You can adjust the padding on top instead of 36px to 15% as the attached image

NatashaSaed_0-1704550600954.png

 

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.

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
clayinfo
Excursionist
51 0 11

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.

Screen Shot 2024-01-06 at 10.28.55 PM.png

Natasha-Saed
Shopify Partner
396 43 69

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.

NatashaSaed_0-1704551484175.png

 

You can play around with the percentage until it reach your desired margin.

 

 

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint
clayinfo
Excursionist
51 0 11

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!Screen Shot 2024-01-06 at 10.58.20 PM.png

Natasha-Saed
Shopify Partner
396 43 69

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

If my solution helped you don't forget to accept it to help others.
===================================================================
And if you really like my support share a cup of coffee with me paypal.me/freemindsint