Removing or shrinking Reamaze embeds for mobile devices

You are viewing an Unlisted article which can only be accessed by people with the direct link.

You can use the following code to hide the embed on mobile devices. It's actually governed by a specific HTML ID (#reamaze-widget). You can use CSS media queries to choose to hide it based on screen size. For example, something like:

@media only screen and (max-device-width: 480px) {
#reamaze-widget {
    display: none;
    }
}

You can tweak that CSS above based on your preferred screen size and your installed Embed ID.

You can also hide the label (text) part of it on mobile to make it appear smaller and take less room instead of just deleting it from mobile. The code below will help with that, which you can place in your CSS.

@media only screen and (max-device-width: 480px) {
    #reamaze-widget .reamaze-label {
        display: none;
    }
}

Contact Us

Not finding what you're looking for? Contact Us Directly