Dawn theme - how to make the hero banner curly in the edges ?

YanivKatz
Tourist
7 0 1

url : https://bc2053-2.myshopify.com/

how do i make the edges curly in the edges ? 
and how I move the buttons on the hero section to the bottom of the image on mobile ?

thanks in advance 
Yaniv 😄

Replies 8 (8)

PageFly-Henry
Astronaut
983 281 225

Hi @YanivKatz 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.banner__box.content-container.content-container--full-width-mobile.color-inverse.gradient {

    padding-bottom: 0 !important;

    padding-top: 230px !important;

}

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YanivKatz
Tourist
7 0 1

thank you it worked 😀, about the second question do you have a idea how to make the sections more round in the edges ? 

vian_FoxEcom
Shopify Partner
104 6 20

Hello @YanivKatz 

 

It's Vian from FoxEcom 🙂

 

You would want to edit the corner radius of the element.

 

Which section are we talking about?

Find my answer helpful? Give it a like :]
Try Foxify now - #1 Conversion-focused page builder.
Use FoxKit free - All-in-one Sales Boost.
FoxEcom smart solutions impact sales, costs, and profit all at once.
YanivKatz
Tourist
7 0 1

hey the hero banner 

vian_FoxEcom
Shopify Partner
104 6 20

Hey @YanivKatz 

 

Please add this custom code to the Custom CSS of that section in the Theme Editor.

 

@media (max-width: 639px) {

.banner {border-radius: 0.8rem;overflow: hidden;}

}

 

Let me know how it works out for you 🙂

Find my answer helpful? Give it a like :]
Try Foxify now - #1 Conversion-focused page builder.
Use FoxKit free - All-in-one Sales Boost.
FoxEcom smart solutions impact sales, costs, and profit all at once.
PageFly-Henry
Astronaut
983 281 225

@YanivKatz 

Could you let me know which section you want to border?

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

YanivKatz
Tourist
7 0 1

The hero banner section 

YanivKatz
Tourist
7 0 1

hey henry i got a new slide show from section store and its not working now, how do I put the buttons on the bottom again ? 

thanks in advance ❤️