http://trattoriatajut.com/contatti/

[Gisella]

Hello!

I checked the site today and realized the map on the contact page is not showing properly on computer screen size – while it does look right on phone screen size and at any screen size at the end of the Home Page.

Some time ago I had deleted a Quandoo table booking module (code had been given to me by them) – and maybe something went wrong.

I tried a few things but didn’t seem to figure what’s wrong with it

Do you have any suggestions?

Thanks!
gisella

[Bill Robbins]

Good Morning Gisella,

I took a quick look just now. Let’s try this to help the map adjust to fit:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .contact-content iframe {
   	max-width: 100%;
   	width: 100%;
   }
   

3. Update your settings.

See if that doesn’t help the map adjust to fit screen sizes as they change. Let me know if you run into trouble.

Have a great week,
Bill

[Gisella]

Hello Bill,

it has definitely improved because now the map doesn’t overlap the contact info column and in general it fits better for most sizes.

Still at some point it appears quite odd (see attached image) – with lots of empty space on the left, a square map and the bike icon on the right becoming partially hidden.

If you have any other suggestions it will be appreciated.

Thanks as always and have a nice week you too,

Gisella

Attachments:

1. 

   Schermata-09-2457280-alle-16.41.30.png
   

[Bill Robbins]

That is most unusual. If you don’t mind me asking, which browser and version are you running into that with? I’ve attached a quick screenshot of what I see in Safari at the size of the screenshot you attached.

Attachments:

1. 

   Screen-shot-2015-09-14-at-9.55.26-AM-1057-x-614.png
   

[Gisella]

Well if it works alright for you, that’s better – maybe it’s just me and few others seeing it this way!

I’m using Chrome Versione 45.0.2454.85 (64-bit) on a 14″ 2009 MacBook Pro.

Anyway now you’re telling me so, I just checked it with Safari and it looks right. I have no idea of why though!

Thanks

[Bill Robbins]

Thanks for letting me know. I believe it’s the logo that’s actually pushing that over. Try adding this to your Custom CSS too:

.contact {
    clear: both;
}

and see if that won’t help things fall in line.

Bill

[Gisella]

Yes! It worked!

Thanks a lot, Bill!

[Bill Robbins]

Sweet 🙂

[Author]

Posts