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

Store Design
1

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.

2

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!

1 Like
3

Excellent Thank You!

1 Like
4

I need to do the same thing, but I can’t find “layout.theme.css” I have Dawn 2.5.

5

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.