Is there a way to put the heading and "shop now" button more to the bottom right on desktop ONLY.

Is there a way to put the heading and "shop now" button more to the bottom right on desktop ONLY.

Degain
Excursionist
17 0 12

Screenshot 2025-04-03 at 1.43.53 PM.pngNeed if possible to move the heading and button more to the bottom right and is there a way to change the main menu "Home,Hoodies,Contact" and the right icons "more, account,cart icons" from black font to white when scrolling down for both desktop and mobile? Please let me know if possible thanks

Replies 4 (4)

Moeed
Shopify Partner
7395 2003 2445

Hey @Degain 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code

3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
.banner__content--bottom-left {
    margin-left: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1743713795483.png

 

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Degain
Excursionist
17 0 12

Screenshot 2025-04-07 at 10.40.44 AM.png

Works thank you but is there a way to put the heading and button more down? please let me know if possible sorry for taking long

Dan-From-Ryviu
Shopify Partner
11633 2280 2462

Hi @Degain 

You can do that by adding this code to Custom CSS of Slideshow section. 

@media (min-width: 750px) {
.slideshow__text-wrapper { justify-content: flex-end; }
}

Screenshot 2025-04-04 at 09.27.22.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

namphan
Shopify Partner
2689 349 398

Hi @Degain,

1: For slideshow: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 750px) {
    .slideshow__text-wrapper.banner__content {
        padding-left: 10rem !important;
    }
}

2: For header: I tested and if you change it, when hovering the header background will be the same color as the text and you can't see it.

Please let me know.

Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com