Joomla Templates Club 406,261 posts

[umio Friend umioJoin date: December 2014Posts: 34Downloads:88Uploads:1 Thanks: 34]

#206037

Hello,
when use this two JoomlArt Advanced Custom Module
Hero : style-1
Contact Info : style-1
1/ the map on responsive load with desktop width
2/ the images crop from left side http://prntscr.com/70xzyc
can you fix this issue
thx
umio

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#569260

Hi umio,

You will need to add some additional style in this case:
– Go to file: /templates/uber (your default template)/css/custom.css
– Add this rule:


/*Background image*/ @media (max-width: 360px) {
#block-landing-item-772 .acm-hero.full-screen {
background-size: 100% 100% !important;
height: auto !important;
}

/*Maps*/
#block-landing-item-813 .uber-contact-info {
height: 100%;
margin: 0;
padding: 0;
}

#block-landing-item-813 .uber-contact-info .info-bg img {
margin: 0;
padding: 0;
width: 100%;
}

#block-landing-item-813 .info.top-right { display: none;}
}


[umio Friend umioJoin date: December 2014Posts: 34Downloads:88Uploads:1 Thanks: 34]

#569460

Hi Saguaros,
this is not good way http://prntscr.com/71pitq
the image is is reduced and missing the contact info…

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#569591

The screen of mobile is so small while your image is big, when viewing in small screen size like that it will be resized.

The same with the map and if you show the contact info, it will cover the map.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#734680

The screen of mobile is so small while your image is big, when viewing in small screen size like that it will be resized.

The same with the map and if you show the contact info, it will cover the map.

[umio Friend umioJoin date: December 2014Posts: 34Downloads:88Uploads:1 Thanks: 34]

#569630

Hi, when the image is to big
What is a suitable dimensionof image for landing page?
I replace the map image with the embed map, but this is not problem.
The Contact info located to the left, so you don’t see responsive and I consider that to be a mistake, if the template is defined as responsive, would nevertheless have each component in it used and JAM is part should be responsive.

[umio Friend umioJoin date: December 2014Posts: 34Downloads:88Uploads:1 Thanks: 34]

#734719

Hi, when the image is to big
What is a suitable dimensionof image for landing page?
I replace the map image with the embed map, but this is not problem.
The Contact info located to the left, so you don’t see responsive and I consider that to be a mistake, if the template is defined as responsive, would nevertheless have each component in it used and JAM is part should be responsive.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#569826

In our demo site, the image of the landing page is also big and I apply the same css rule as above for the image.

For the map, I will report to the team for further checking on this.

1 user says Thank You to Saguaros for this useful post

1. umio

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#734908

In our demo site, the image of the landing page is also big and I apply the same css rule as above for the image.

For the map, I will report to the team for further checking on this.

1 user says Thank You to Saguaros for this useful post

1. umio

[Author]

Posts