How do I move this button up a bit on mobile only?

bkerch55 · ‎03-27-2025

Is there a way to shift this button up a bit to the open space? There is only a left center right option in theme. I want it closer to where the purple starts coming in. OCNJDrone.com

CafeDelMar · ‎03-27-2025

Here's how to achieve that:

1. Navigate to Sales Channels → Online Store → Customize button → Theme settings (gear icon on the left sidebar) → Custom CSS

2. Add the following code:

@media screen and (max-width: 749px) {
	main .banner__box.content-container {
		margin-bottom: 160px !important;
	}
}

3. Save (right top corner)

4. Hard refresh the storefront

If done correctly, the result should be like this:

➡➡ Easy Embed Code ⬅⬅ add CSS/JS/Liquid codes to any page of your store

Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution

View solution in original post

CafeDelMar · ‎03-27-2025

Hey @bkerch55.

Can you please share the page URL? If it's password-protected, the password would be needed, too.

➡➡ Easy Embed Code ⬅⬅ add CSS/JS/Liquid codes to any page of your store

Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution

bkerch55 · ‎03-27-2025

OCNJDrone.com

CafeDelMar · ‎03-27-2025

Here's how to achieve that:

1. Navigate to Sales Channels → Online Store → Customize button → Theme settings (gear icon on the left sidebar) → Custom CSS

2. Add the following code:

@media screen and (max-width: 749px) {
	main .banner__box.content-container {
		margin-bottom: 160px !important;
	}
}

3. Save (right top corner)

4. Hard refresh the storefront

If done correctly, the result should be like this:

➡➡ Easy Embed Code ⬅⬅ add CSS/JS/Liquid codes to any page of your store

Speed Booster App - Improve your store speed in 3 clicks
- Was your question answered? Mark it as an Accepted Solution

How do I move this button up a bit on mobile only?