Narrative theme — Bar above text and centre type

Solved
Highlighted
Tourist
8 0 1

Hi,

Hopefully someone can help, I'm currently using the narrative theme and trying to remove the bar that animates above text when the text is next to an image. I've seen a few solutions where you copy some code and drop it to the bottom of the theme.scss.liquid but so far nothing has worked.

I'm also trying to centre the text instead of having it left aligned, any help would be greatly appreciated.

Cheers,

Ollie

0 Likes

Hello ,

Please share your site url.
So that i can check and let you know the exact solution here.

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
Tourist
8 0 1

Hey,

The website is: https://good-brew.myshopify.com/

The password is: yohlta

Thanks for responding so fast.

Ollie

0 Likes
Highlighted

Hello @OllieBoot 

your site is password protected.

Please share your store URL and reference site URL. and password also.

So that I can check and let you know.

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
Tourist
8 0 1

Hey,

The details I gave before should work:

The website is: https://good-brew.myshopify.com/

The password is: yohlta

I've also attached a screenshot of the page.

Let me know if that works.

Cheers,

OllieScreenshot 2020-06-20 at 11.53.34.png

0 Likes
Highlighted

This is an accepted solution.

Hello @OllieBoot 

Add this css at the bottom of

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

@media only screen and (min-width: 750px) {
.feature-row__heading::before {
	content: none;
	display: none;
}
}

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
Tourist
8 0 1

Thanks so much! That worked straight away, I won't admit how long I've been trying to get rid of it.

It still shows up on mobile, any ideas how to remove it from there?

Cheers,

Ollie

0 Likes
Highlighted

This is an accepted solution.

Hello @OllieBoot 

Add this css at the bottom of

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

.feature-row__heading::before {
	content: none;
	display: none;
}

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
Tourist
8 0 1

Amazing! Worked again, thanks so much for your help!

I'll save your details for any further support we might need with our store.

Thanks again.

1 Like
Highlighted

Hello @OllieBoot

sure.

We are happy to help you.

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