Google Map only visible on mobile – swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

Tagged: appears, apply, builder, case, dont, google, homepage, implement, map, mobile, page, shortcodes, Swift, Thx, using, visible

This topic has 3 replies, 2 voices, and was last updated 11 years by Cosmin – SUPPORT.

Viewing 4 posts - 1 through 4 (of 4 total)

Back to forum

Posted in: Flexform
July 2, 2013 at 1:07 pm #9842

aliossi
Member

Post count: 37

Hi,

I would like to implement a google map using the swift page builder on my homepage. However, it is important that map only appears on mobile phone. Of course, I am aware of the visibility shortcodes but dont know how to apply in this case.

Thx in advance

aliossi

July 3, 2013 at 9:16 pm #10061
Cosmin – SUPPORT
Member

Post count: 3851
Hi aliossi,

You could hide it with custom CSS:
```
@media screen and (min-width: 600px) {
  .wpb_gmaps_widget { display: none !important; }
}
```
That will show it on most if not all smartphones, while hiding it on any larger devices.

Regards,

————————————————————————————————————

Cosmin
Support Assistant
July 6, 2013 at 10:41 am #10535

aliossi
Member

Post count: 37

Hi,

Taking this set up means that maps on all pages dissapear. I need a set up to realize it only on one specific page. Thx

July 9, 2013 at 4:19 pm #10894

Cosmin – SUPPORT
Member

Post count: 3851

You can use the class added to that page on the body tag. If unsure, leave a link to that page and I’ll provide the code.

Regards,
————————————————————————————————————

Cosmin – Support
Back to forum

Posted in: Flexform

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items

Login and Registration Log in · Register