Hello, I’m having an issue with my homepage banner on desktop, as you can see in this URL: TrendBlend. The picture should be less big and the text and button should be centered. Thanks in advance!
Hey @TrendBlend
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hello, text is centered and the image looks normal but is it possible to make the image smaller, especially the top and bottom of the image are not really necessary. Thanks again for the fast respond
Hi @TrendBlend ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save
@media screen and (min-width: 750px) {
.banner--desktop-transparent .banner__box.content-container.content-container--full-width-mobile {
top: 30% !important;
right: auto !important;
}
}
div#Banner-template--22615797530963__image_banner {
max-height: 1000px;
}
Here is result:
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you
Hello,
Shabir Bhat is here from Shopify Expert, If you want to fix that banner on your website, there is easy way to do this. Let me explain you why you have that issue on your website, the banner you are using right now that is not correct size, Your banner size should be like 1900px by 700px then it will get fixed, I am attaching you a banner for testing purpose you can use this see will it get fixed. If you need any developer help you can Hire me here.
Hi @TrendBlend
I have reduced the image size for you; you can give it a try.
https://community.shopify.com/c/shopify-design/homepage-banner-is-too-big-and-text-is-not-centered/m-p/2641239/highlight/true#M693108