How can I move the 'Shop Now' button on mobile version?

[LovMemPrin]

Hey, I need help moving the "shop now" button down on my mobile version website. lovingmemoryprints.com I want it at the bottom of the logo on the front page.  I was able to do this for the desktop version but cant figure it out for the mobile version.

[LitCommerce · Accepted solution]

Hi @LovMemPrin,

Go to Assets > layout.theme.css and paste this at the bottom of the file:

@media (max-width: 767px) {
	.shopify-section-hero .tw-align-middle {
		position: relative;
	}
	.shopify-section-hero .content.tw-mx-auto.tw-py-8.tw-container.tw-px-4 {
		position: absolute;
		bottom: 0;
		padding: 0 !important;
	}
}

Hope it helps!

[LovMemPrin]

Excellent Thank You!

[Tri_S]

I need to do the same thing, but I can't find "layout.theme.css" I have Dawn 2.5.

[LitCommerce]

Hi @Tri_S,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.