Parallax section background not working

Support
#1

I’ve enabled the parallax scroll on my section background but it doesn’t seem to be working. Any idea what might be interfering?

www.rentschbrewery.com

#2

Hi There,

Parallax is workig fine on the picture with the Eolic turbines.

Can you clarify? What browser and device you are using?

Thanks

#3

Hi there,

I am using Google Chrome on a notebook. Parallax is also set for the taproom section background picture and it doesn’t appear to be working either.

#4

Hi There,

This is what I am seeing at the moment: https://screencast-o-matic.com/watch/cbjjhkl5IB I am using Chrome too.
Parallax is disabled by default on mobile (read: touch devices) for multiple reasons (performance, sometimes images can distort, et cetera). Unfortunately, there is no certain way to detect a touchscreen.. This might happen if you are using touch screen. Is that the case for you? If not, please give us screencast of the issue.

#5

I am using a touch screen actually. I guess that is the problem! Glad to know it’s working elsewhere. Thank you for your help.

#6

You are welcome!

#7

For some reason now the text in the We are Rentsch section is now white. I never changed the font colors so I’m not sure how/why this happened. Can you please take a look?

Thank you!

www.rentschbrewery.com

#8

Hi There,

You might have a broken html syntax on your code , please review your raw code and text elements.

If you cant find anything please provide your Wp admin credentials.

Thank you!

#10

Hi There,

See this: https://screencast-o-matic.com/watch/cbjQ6mlETQ
That part has html errors. Either use custom headline if you want to use H5 head tag or if you want to use paragraph tag, remain using text element but we don’t need to add p tag because text element is autop. When using text element, just add the text like this:

  Tuesday-Thursday 4pm-8pm
  Friday 4pm-9pm
  Saturday 12pm-9pm

To make it white, add color:white; on the text element style field.
In case you want to use custom headline, it’s the same, no need to add h5 tags, just the text and then also add color:white; on the custom headline element style field. Then choose h5 from the dropdown. The error occur because currently, you have an open h5 tags with white font. This will make all font white after this until the closing of h5 tag is found. What you have is a closing of p tag instead.

Hope this helps.

#11

Hi Lely,

Thank you for catching that. I just updated that text section. When I am working in Cornerstone all of my texts appear to be the correct color; however, when I am actually previewing the site in the browser, the calendar details in the Taproom section are white as well as the text in the About section toward the bottom of the page. Are you able to take a look at this for me?

Thanks so much!

#12

Hi there,

I’m not sure why this is happening for your case. Kindly add the CSS code below to the CSS section of the Cornerstone on that page:

.tribe-event-date-start {color: #707070;}

In the About section the code is like this:

As you can see in the code there is a deprecated tag called font. Try to avoid using such html and rely upon css code for colorings.

Thank you.

#13

Hi there,

Thanks for the update. I’m unable to find where that HTML code is coming from. Can you help me identify it?

#14

Hi there,

It’s in this text

<h4><font color="white">Come celebrate our 2 Year Anniversary with us on August 26th!</h4>

You see, you didn’t close the <font> and it affects all other elements :slight_smile:

Thanks!