All things Shopify and commerce
Hi, I would like to move the text and button to the far left hand side as I've shown in the image attached. At the moment its in the "Top Left" Placement and it's too far up and not left enough.
Then on the mobile view it's also in the wrong spot. I would like it higher and if possible to make the text (for mobile view only) smaller? As it's too big for the mobile view currently.
Solved! Go to the solution
This is an accepted solution.
Something like this?
Need to play around with the values etc.
@media screen and (min-width: 750px) {
.banner--desktop-transparent .banner__box {
position: absolute;
top: 20vh;
left: -20vh;
}
}
@media screen and (max-width: 749px) {
.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
background: transparent;
top: 12vh;
position: absolute;
}
}
Hey @tallowbar
Can you share your Store URL and Password if enabled?
Best Regards,
Moeed
There shouldn't be a password.
I am working on a duplicated theme at the moment with an updated image, my live website still has old image and layout.
Thanks!
https://chk8s37fr38s1n6z-77163168064.shopifypreview.com
This is the preview for the other theme I'm using if that helps more
This is an accepted solution.
Something like this?
Need to play around with the values etc.
@media screen and (min-width: 750px) {
.banner--desktop-transparent .banner__box {
position: absolute;
top: 20vh;
left: -20vh;
}
}
@media screen and (max-width: 749px) {
.banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box {
background: transparent;
top: 12vh;
position: absolute;
}
}
Thank you that is absolutely perfect!
Do you know if there's a way to adjust heading text size to make it smaller only on the mobile version?
Try this can not really check in console
@media screen and (max-width: 749px) {
.banner__heading.inline-richtext.h1 {
font-size: calc(var(--font-heading-scale) * 2rem);
}
}
the 2rem you can play around
maybe 2.2 or 1.9 etc.
Thank you that worked!
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025