Different Contact Page For Mobile

Hello,

I added gtag mobile tracking code to the phone numbers on my contact pageusing raw html.

However, I don’t want these codes to be showed on the desktop version.

So I thought, can the desktop version of my contact page be different from mobile version?

If it is not, I don’t need entire contact page to be different at mobile. Is it possible only row or raw html elements differently at mobile version?

Thanks.

Hello,

If you’re using WPBakery or Elementor, you can hide the Raw HTML element on the desktop directly from the Advanced tab:

For WPBakery:

1. Edit the page with WPBakery.
2. Select the Raw HTML element.
3. Click on Design Options.
4. Set “Hide on Desktop” to Yes.
5. Save changes and update the page.

This will ensure the tracking code only appears on mobile while remaining hidden on desktop.

Let me know if you need further assistance!

Best Regards,

There is no hide on mobile option in the raw html design options section.

Screen shot is attached.

Attachments:

You must be logged in to view attached files.

Hello,

You can achieve this by adding the Raw HTML element inside a column and using WPBakery’s responsive options to hide it on the desktop. Here’s how:

-Edit the Page with WPBakery.
-Create a New Row (if needed) and add a Column.
-Insert the Raw HTML element inside the column.
-Edit the Column Settings and navigate to the Responsive Options tab.
-Set “Hide on Desktop” to Yes.
-Save changes and update the page.

See Screenshot for clarification: https://ibb.co/5Wsd4Fth

Best Regards,

[Author]

Posts