Different Text alignment on mobile device and desktop

tomm1p
Excursionist
34 0 8

Hi! I have one little problem on the Shopify page:

https://parfumerija-amour.myshopify.com/ (pass: flohld)

I would like to change different Text alignmentt on mobile device and desktop. I want a text on mobile device on the top - center. I would like the buttons on the mobile device to be next to each other and not under each other.

Screenshot_3.png

But I have another problem -  I would like to remove this gray from the text. How can I do this?

Screenshot_1.png

 

Greetings, Tomas

Replies 4 (4)

GM-Mart
Excursionist
15 1 6

@tomm1p,

Add this code at the bottom of your theme.css file.

.hero__text-shadow:after {
    background: none !important;
}
@media only screen and (max-width: 768px){
.horizontal-right .hero__text-shadow {
    max-width: 100% !important;
}
}

 

Please do let me know if it works, if need my help adding it you can send me a personal message. 
Good Luck!

tomm1p
Excursionist
34 0 8

Thank You for your help. I can not find theme.css, i have just theme.css.liquid. Is this the same? 

 

Thank You!

GM-Mart
Excursionist
15 1 6

@tomm1p,

Yes, it is the same as theme.css 

tomm1p
Excursionist
34 0 8

It doesn't work yet. Did I do something wrong?

 

Screenshot_4.png