center map pin on mobile

This support request was posted in BBQ by kapostolou

Request ID #2962 In Progress
  • Hi Juan,

    Any idea on how you center the google map pin when viewing the map on the contact page on mobile? Unless I rotate my phone to landscape, it cuts off the pin when viewing it in portrait mode (if you know what i mean…).

    I just spent a couple hours fighting with google embed codes and I give up. Wondering if you had any ideas…

    Thanks,
    Kosta

    Hello Kosta,

    Thanks for writing.

    Please tell me which theme are you using. You’ve opened the ticket in the General Support forum.

    Best,
    Juan.

    Oops…sorry.

    I’m using BBQ.

    Hello Kosta,

    Ok, I’ve moved the topic to the right forum.

    I don’t see to understand what you mean by the pin. Would you send me your site address to support@nicethemeswp.com with a reference to this topic?

    Best,
    Juan.

    sent….

    For the benefit of anyone reading this in the future, if they are also unclear about what a pin is…here’s what I wrote in the email:

    By “the pin”, i mean the little red arrow thing that points to the exact location on the map. On a mobile device, you will notice that our “pin” is not at the contact image at the top. The user has to scroll/slide around to find it. However, if they rotate their phone so that it’s in “landscape mode” you can see the pin as it’s off to the right somewhere.

    Hi Kosta,

    Thanks for your patience.

    Would you try to add the following code in your Custom CSS?

    .page .video {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px;
    	height: 0;
    	overflow: hidden;
    }
    
    .page .video iframe, .page .video object, .page .video embed{
    	height: 100%;
    	left: 0;
    	position: absolute;
    	top: 0;
    	width: 100%;
    }
    
    @media screen and (max-width: 1024px) {
    
    .page .video iframe, .page .video object, .page .video embed{
    		height: 100%;
    		left: 0;
    		position: absolute;
    		top: 0;
    		width: 100%;
    	}
    	
    }
    

    Best,
    Juan.

    BINGO!

    No wonder I couldn’t figure it out! LOL!

    I take it this will be a “fix” in a future release also?

    That’s right 🙂

    Thanks again and have a nice weekend,
    Juan.

    Perfect! Thanks!

    Glad I can help iron out the little things…. well, I just point them out and you fix them 😛 …don’t want to take any undue credit here…

    As always, top notch support over there!

    You can take the credit 🙂

    Thanks for your kind words,
    Juan.

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

You must be logged in to reply to this topic.

Login to your Account

Welcome back! Please log in to your account by filling the fields below:

Forgot?

Not a member? Create a free account.

Create a Free Account

You're 27 seconds away from some awesome WordPress free stuff, benefits and more. Create a free account and have access to our free products, benefits and more!

Already have an account? Log in
Secure Server