Streaming live at 10am (PST)

Hide symbol on one page on phone view

#1

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)

#2

Add a custom code on the page.

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

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

#4

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”.

#5

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>
#6

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
#7

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

#8

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.