Centering Heading & Text - Debut

Solved
Highlighted
New Member
26 0 0

Hey!

For mobile, how can I center the heading and text on the image with text section?

https://www.elixirnailcare.com/?_ab=0&_fd=0&_sc=1&key=4115b1fa9ca5915505667af1cf6b798b9bb4e50521cc5b...

Thanks,

Kat

Screen Shot 2020-07-05 at 9.37.28 PM.png

0 Likes
Highlighted

Hello @elixirnailcare 

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (min-width: 749px) {
.site-header__logo-image {
	width: 100%;
	text-align: center;
	margin: 0 auto !important;
}
}

Hope this will work for you.
Thanks!

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
26 0 0

@oscprofessional Hey! Thanks for responding. This didn't work, is there another solution?

0 Likes
Highlighted

ello @elixirnailcare,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media screen and (min-width: 749px) {
.feature-row .feature-row__item.feature-row__text.feature-row__text--left {
    text-align: center;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
26 0 0

Hey! Looks like that worked for desktop, but not mobile. Is there a way to center it for mobile web?

0 Likes
Highlighted

This is an accepted solution.

@elixirnailcare,

Please add below css

@media screen and (max-width: 750px) {
.feature-row .feature-row__item.feature-row__text.feature-row__text--left {
    text-align: center;
}
}

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes