Hide symbol on one page on phone view

Hi there

I am trying to hide my footer symbol from one page on phone view.
Is this possible?
If not is there any word arounds?

Thanks


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Add a custom code on the page.

<style>
@media (max-width: 479px)
.class-name-of-the-outer-footer-element {display:none}
</style>

Thanks Vincent,

Just tried but for some reason this hasn’t worked.
Can i confirm i am doing this correctly?
Adding HTML into footer and adding custom code?

Thanks

You should place that code before the end of the HEAD section of your page (I believe). Make sure to change the “.class-name-of-the-outer-footer-element” to the class of your footer. You can find that easily by accessing the html of your page with “inspect element”.

Don’t forget the media query

Add a custom code on the page.

<style>
@media (max-width: 479px)
.class-name-of-the-outer-footer-element {display:none}
</style>

This should work anywhere, prefer putting it inside of the page in a custom code box, so that the effects of the css are visible within the Designer.

1 Like

HI guys, i have tried this but this has not worked. Any idea why this would be?

A workaround for that would be right clicking the footer , detach it from the symbol, give it a combo class and display:none … Let me know if this works .

Keep in mind that that specific footer won’t be attached to any symbol, so you will have to edit it manually if you ever make changes to it.