Avoid display on contact form page

Hey Alex,

Nothing changed in the plugin. Double check the link to make sure it matches exactly. It may need a “/” on the end, or it may need to be removed. Check that and if it is still not hiding on the page you are linking to, give me the link so I can check it out.

Scot

Hey Scot,
thanks for your fast answer.
Indeed it seems it was because of the slash. Now it works, thanks.

But it works only on desktop, on mobile the tab isn’t displayed. But it should also be, right?

I just found the problem:
The Position from top (px) was too high (850) so it wasn’t displayed on mobile.
I just wanted it to be not that high in desktop view, so I made it 850px, and it was fine (on desktop). But this way it was out of mobile view display.

Maybe it could be nice if you would make two different settings, one for desktop and one for mobile.

Thanks!

Good. I am glad that worked for you.

Regarding the height on mobile. You can add a media query to your CSS file or add it using the customizer. Adjust the top number accordingly.

@media only screen and (max-width: 480px) {
    #rum_sst_tab {
        top: 300px;
    }
}

NOTE: The top number is calculated from the point where the tab is rotated, not from the top part of the tab. So, you may need to play with the number a bit to get it where you want but this approach will work well for you. Also, you may want to adjust the max-width to match the mobile viewport of your theme. 480px is pretty good but you should make sure that works for you as well.

Thank you, I tried it and it works !

Great. I’m glad we got that working the way you need it to.

Cheers!

Hi Scot,

same question ??
But now it doesn’t work anymore.
“The tab displays on all pages except the page it links to.”

Did you change something with your plugin?

And how can I adjust it that way, that it is displayed only on mobile and tab. And NOT on desktop?

Thanks,
Alex

ah I see, now I have to write the whole Link (https://www.website/landing/).
Before it was enough to write /landing/
ok ??

So please tell me the second question )

You could use a similar media query to hide the tab on viewports larger that, say, 600px. This example will “hide” the tab when the screen width is a minimum of 600px. Give this a shot and let me know how it goes.

@media only screen and (min-width: 600px) {
    #rum_sst_tab {
        display: none;
    }
}

Hey Scot you’re a cool guy, it works!
Thanks man!