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

Store Design
, ,
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 :grinning_face_with_smiling_eyes:

2

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

1 Like
3

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

1 Like
4

Hello @YanivKatz

It’s Vian from FoxEcom :slightly_smiling_face:

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

Which section are we talking about?

5

@YanivKatz

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

6

The hero banner section

7

hey the hero banner

8

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 :slightly_smiling_face:

9

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 :heart: