Move header and CTA button to the left [Theme Narrative]

Highlighted
Tourist
4 0 1

Hi! 

I'm using Narrative theme, but I'd like to adjust the header line "A ride for every lifestyle" and the CTA button to left align with the menu icon, and also make sure it's responsive on mobile. As the example shown below. Do you know how to adjust the code to achieve this? Many many thanks!

Screenshot 2020-07-23 at 9.19.22 PM.png

 

Screenshot 2020-07-23 at 9.09.34 PM.png

0 Likes
Highlighted
Shopify Partner
2224 482 625

Hey @tmengttm 

I read your description. Can you please provide your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
4 0 1

Hey Thanks 

1 Like
Highlighted
Shopify Partner
2224 482 625

@tmengttm 

Please add following code in your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.slideshow__heading {
display: block;
max-width: 916px;
text-align: left;
}

.slideshow__heading-cta {
margin-top: 60px;
left: 20%;
}

}

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
4 0 1

Hey dmwwebartisan, thanks for your reply! I tried, but it doesn't work. It doesn't make the heading and button aligned with the left menu icon, and when resize the browser, it doesn't look like responsive properly. But thanks a lot for your reply

0 Likes