Joomla Templates Club 406,261 posts

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#898762

Hi

I made a second ja map for the contact page (contact us) also in the layout with clone it and made it 100% width and selected some pages.

The ja map is not 100% width and it has padding. I used no-padding google-map Module Class Suffix

What went wrong! Because there is no padding on the homepage with the 3 positions, that gives 100% width

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#898781

Hi

You need to set ja map width from ja-google map plugin

I enlarged width to 1500 px

You can make it responsive using @media-queries in custom.css file adding the ja map id

for example resize map in mobile screens you can use

@media (max-width: 480px) {
#ja-widget-map2 {
max-width:500px!important;
  }
}

---

Attachments:

1. 

1 user says Thank You to pavit for this useful post

1. puntje

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#898802

Thanks. Still one question how can i get the padding out of the template. Know there are white spaces below and left and right, a padding. I put 1656px width. But i changed it back, because it does not work

I put this code in .t3-sl-1 .t3-module { padding: 0; text-align: center }

Still have a white space below the google map. But also a problem at the homepage the 3 positions have not enough height

It would be easier when ja google map is responsive. In other templates it is! Also there is no map point on my adress. It is nearby, but not exact. With ja map i live in a park on the homepage – home!

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#898822

Also when i put

@media (max-width: 480px) {

ja-widget-map2 {

max-width:470px!important;
}

all my color changes are gone. How can this!

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#898913

Could you please tell me how your contact us page should appear ?

you want in it 3 maps ?

a screenshot with desired layout of contact-us page could help

[puntje Friend puntjeJoin date: April 2014Posts: 239Downloads:29Uploads:119 Thanks: 48 Thanked: 4 times in 3 posts]

#898935

In ja_medical they also changed it. It is responsive, but after reload i see the place-mark, this from bigger screen to small screen. I made screenshots of that template of that website. For contact form this is nice as it 100% width for google maps.The breadcrumbs i do need for this template

below you see a contact form, that is called contactformulier en bel mij terug. That are the forms i’m going to use. And there will be a sidebar with phonenumber and address

---

Attachments:

1. 
2. 
3. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#899296

Hi

Ja Medicare template is using for contact us page a dedicated position for map as you can see from my image below taking the whole template space

I’m confused now on what you want to obtain in your contact us page , your above details are not clear to me

You want in your contact us page 3 different maps ?

---

Attachments:

1. 

[Author]

Posts