Joomla Templates Club 406,261 posts

[minnamie Friend minnamieJoin date: December 2012Posts: 19Downloads:1Uploads:1 Thanks: 5]

#201054

Hi

In Features intro layout (I’m using the blue template) the image isn’t looking right in the tablet layout. It is too big or too little. And how I change the image to go first and then the text in smaller responsive layouts?

Thanks in advance!

Br,
Minna

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#548265

Hello Minna can you add a screenshot of your problem , i checked your site but have noticed any issue in the tablet view .

Also found the template is in the blue color . Please check and let me know , so that i can help you

[minnamie Friend minnamieJoin date: December 2012Posts: 19Downloads:1Uploads:1 Thanks: 5]

#550387

I took a picture of my tablet (ipad) as you can see the image on the right is too big and it flows over the screen (to up). This is from http://www.paulapuheenjohtajaksi.fi/paula-teemat/esite

thanks,
Minna

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550399

Hi
Please add following code into your custom.css file
Path: /template/JA-sugite/css/custom.css (if there is no custom.css please create it)


@media screen and (max-width:1200px){.about-img img{width: auto; }
.about-img{ position: inherit;}
}

+To make the main menu item in a single line in tablet view add this css code into your custom.css file

.head-right + .t3-mainnav {
padding-right: 160px;
}

Clear cache and check .

Let me know if it helps

[minnamie Friend minnamieJoin date: December 2012Posts: 19Downloads:1Uploads:1 Thanks: 5]

#550470

Hi

It seems like it didn’t help. The image is still too big. 🙁 It doesn’t scale with the rest of the page.

Br,
Minna

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#550471

Hello Please PM me admin details of your site . and FTP details .
I will check it directly on your site and let you know here .

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551047

Hi Please send me complete FTP Details of your site , so that i can fix this issue on your site .
Check it and send me again.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#551116

HI
fixed the issue directly on your site .
Here are the changes
in /templates/ja_sugite/css/themes/bluetemplate.css

i changed this code


.about-img{ position: absolute;}


to

.about-img{
/*position: absolute; */
position: inherit;}


and this code

.about-img img{width: 100%; }

into this
.about-img img {
/*width: 100%; */
width: auto; }


http://www.paulapuheenjohtajaksi.fi/paula-teemat/esite
Please check your site and let me know

1 user says Thank You to Pankaj Sharma for this useful post

1. minnamie

[Author]

Posts