Joomla Templates Club 406,261 posts

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#200042

Hey guys,

I need help for this: ..

The elements are out of position but this only happens on the iPad and Firefox, I heard. How can I fix that these elements so that they would be compatible for Firefox and iPad?

The blue balk above is JA_Promobar and the other two things are the Video position!

I hope someone can help me out with this.

Thank you!

---

Attachments:

1. 

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

#543730

Could you post your site’s URL here and help to illustrate the modifications you expect via screenshorts? it would help to figure out the solution better.

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#543781

<em>@Saguaros 438521 wrote:</em><blockquote>Could you post your site’s URL here and help to illustrate the modifications you expect via screenshorts? it would help to figure out the solution better.</blockquote>

I have send you a private message with the details of the website:laugh:

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

#543869

Hi Kelvin,

The problem is that text and image in 2 modules in video position are so big, hence it doesn’t look good in iPad. You can use media jQuery to add specific css rule for it. Here is workaround:
– Create a new css file called custom.css in this path: /templates/ja_appolio/css
– Add this css rule:

@media screen and (min-width: 768px) and (max-width: 1024px) {
.custom.slogin.container img {
width: 300px !important;
margin-left: 400px !important;
}
}


You can change the width and margin-left properties to your desired value

1 user says Thank You to Saguaros for this useful post

1. kelvin899

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#543897

<em>@Saguaros 438692 wrote:</em><blockquote>Hi Kelvin,

The problem is that text and image in 2 modules in video position are so big, hence it doesn’t look good in iPad. You can use media jQuery to add specific css rule for it. Here is workaround:
– Create a new css file called custom.css in this path: /templates/ja_appolio/css
– Add this css rule:

@media screen and (min-width: 768px) and (max-width: 1024px) {
.custom.slogin.container img {
width: 300px !important;
margin-left: 400px !important;
}
}


You can change the width and margin-left properties to your desired value</blockquote>

Hey Saguaros,

Thank you so much for the code! I changed the code display to none, so the logo will be not displayed on the ipad. Instead of that I want that the text comes in the screen. Which name do I need to use for that? .custom.slogin.container?

[kelvin899 Friend kelvin899Join date: January 2013Posts: 63Downloads:5Uploads:16 Thanks: 15 Thanked: 2 times in 1 posts]

#543909

I found it out! Its good now, thanks!!!

.t3-video .t3-module.slogin .module-title was the name I had to change!

1 user says Thank You to kelvin899 for this useful post

1. Saguaros

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

#543965

Glad to hear you sorted it out 🙂

[Author]

Posts