Geometric Pattern Animation Header

[DJPete2009]

Hi there,

Can you show me how to enable the geometric header to work on mobile devices, please?

This is a key feature for getting the theme, so would like to ensure that everyone can see it.

Cheers

PeTe

[David Martin – Support]

Hi,

This is purposely not set to display on mobile.

Please test this:

.mobile-browser .sf-canvas-effect {
    display: block!important;
}

Thanks.

[DJPete2009]

Hi David,

thank you for sending the the code snippet but unfortunately it did not work. It instead, renders the website temporarily unviewable on mobile devices and gives error message “Safari could not open this page because the server stopped responding” . A few minutes retry and it will be viewable again but still cannot see the snowfall or geometric pattern animation. Frustrating.

Please see attached screen shot.

Any chance you could delve further into this for me, please? I would be most grateful.

WP USERNAME: LeanGreen
PASSWORD: Xzh1b1t00

WISHLIST: I am also, unable to get rid of the wishlist on the Mobile Menu, please.

My website is looking great but if the geometric or circles pattern work on mobile then it would be a fabulous website!

Many thanks.

PeTe

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi Pete,

To remove the wishlist from your mobile menu, please use this:

ul.alt-mobile-menu li.wishlist-item {
    display: none;
}

Unfortunalty it would not be possible to add the geometric pattern to the mobile view at this time.

Thanks.

[DJPete2009]

Hi David,

That wish list css snippet worked a treat. Thanks.

Shame about the geometric/falling circles not working on mobile.

Would an external developer be able to find a work around? It really is a major part of why we have used this for our website.

Our previous html website has a killer feature before we decided to change to WordPress. http://www.lean-green-websites.com/testimonials

Let me know

PeTe

[David Martin – Support]

Hi,

The Atelier theme does also allow you to create Parallax backgrounds such as the example you provided. You can do this with the Page Builder Row or Parallax asset.

Thanks.

[Kyle – SUPPORT]

Hi

Unfortunately the canvas effect isn’t yet support on mobile browsers therefore no developer will be able to do it for you

– Kyle

[DJPete2009]

Hi Kyle,

thank you for that. At least I now know not to go looking for anyone to do it.

I will go with th suggestions by David to use a parallax effect for the killer piece of the website. I might find a video loop for the homepage slider instead.

Many thanks.

[Kyle – SUPPORT]

No problem