FROM CACHE - en_header

Dawn Theme: How to adjust button

sharuka_s
Tourist
7 0 3

Just wondering how I would be able to move the button right on top of shop this look? In addition, does anyone know how to make the button transparent? I don't really like the white blocked background Screen Shot 2022-04-27 at 4.37.31 PM.png

 

Thanks! 

Replies 6 (6)
KetanKumar
Shopify Partner
34392 3444 11266

@sharuka_s 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sharuka_s
Tourist
7 0 3

Hi there, 

 

My store URL is the following: https://scrunchiee-sisters.myshopify.com/

 

Thanks for your help! 

Dbuglabpvtltd
Shopify Partner
705 75 104

Hi @sharuka_s 
Please use this css

.banner__content--middle-center > div:nth-child(1) .banner__buttons {
	float: left;
}
.banner__content--middle-center > div:nth-child(1) {
	left: 0;
	position: absolute;
	bottom: 40px;
	padding: 0;
}
- Was my reply helpful? Click Like to let me know! and Mark it as an Accepted Solution

- Feel free to contact me if you need any help and and have any issue.

-Hire Me | Whatsapp | Email: | dbuglab@gmail.com | Skype : dbuglab

Shopify Partner | PSD to Shopify | Shopify templates | Shopify themes | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing | Shopify Apps Website: | dbuglab.com
KetanKumar
Shopify Partner
34392 3444 11266

@sharuka_s 

thanks for url can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px){
#shopify-section-template--15478907338933__1651089668284e9246 .banner__content.banner__content--middle-center.page-width {
    position: absolute;
    bottom: 0;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
sharuka_s
Tourist
7 0 3

Hi!

 

Thank you so much, this worked. For some reason I'm having this issue now, the photo is being cut off. Would you be able to guide me through this?

 

Screen Shot 2022-04-28 at 10.06.17 PM.png

KetanKumar
Shopify Partner
34392 3444 11266

@sharuka_s 

sorry but your image smaller 

https://cdn.shopify.com/s/files/1/0558/7081/6437/files/Add_a_subheading_2048_x_2048_px.png?v=1651090...

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing