Joomla Templates Club 406,261 posts

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#199477

Hi Guys! I have a couple of questions for you, please check out the attachment:

– How do I reduce a little bit the footer height?
– I have put some messages on the main slider images, why do they disappear on smartphone, tablet or small size screens? I have used the demo code for them.

Thank you in advance for your precious help,

Eugenia 🙂

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541404

can you please post your site Url.

Go to this File: /templates/ja_medicare/css/template.css

Please find these 3 css code and reduce their padding values 100px and 50px

this would reduce the height of the footer

.t3-footnav {
padding: 100px 0;
}



.footer-info {
padding-top: 100px;
}



.t3-copyright {
border-top: 1px solid #404f5f;
padding: 50px 0;
}

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#541408

Thank you Chavan, the website is still offline, I should have put the login passwords…may I send them to you privately?
e

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541416

yes please send me via PM.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#541460

Go to this File:
/templates/ja_medicare/css/themes/red/template.css
Add this code

@media (max-width: 640px) {

.ja-ss-desc {
top: 0 !important;
display: block !important;
left: 30px !important;
padding: 10px 10px 0 !important;
width: 200px !important;
height:100%;
opacity:0.9;
}

.ja-ss-desc h3 {
font-size: 12px !important;
margin: 0 !important;

}

.ja-ss-desc p {
font-size: 10px !important;
margin: 10px 0 0 !important;
}

.ja-ss-desc .btn {
font-size: 8px !important;
border-radius: 5px !important;
padding: 0 5px !important;
}

}

1 user says Thank You to chavan for this useful post

1. pimby2010

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#541714

Hi Chavan,

thank you very much for your help!

Unfortunately I am having some cross-browsers issues. Sure you can help 🙂

I don’t know exactly the cross browser compatibility of the template so if these browsers versions are not supported please let me know 🙂

Notebook: The slider messages are not shown on

– Chrome, version 35.0.1916.153 m
– IE, version 11.0.9600.17126 update 11.0.9 (KB2957689)

Tablet

– Ipad (iOS 7.1.1) – the messages are not shown

Smartphone

– Iphone (iOS 7.1.1) and Samsung Galaxy S3 : the messages are shown but I get a template error (the 3 modules just under the slider are not show one by one but the first two are viewed on a single row). Please check out the attachments.

Thank you for your precious help, I know this issues are a bit tricky :-[

Eugenia

---

Attachments:

1. 
2. 
3. 
4. 

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542721

Hi Chavan,

I was wondering if we can do anything about my issues or if it’s too complicated…could you give me some news please? Thank you for your support,

Eugenia

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#542727

I fixed the slider description not showing on tablet. I made this appear now. Please check and confirm.

i have also fixed the Iphone layout on the spotlight. to do this you need to go to template manager -> your template -> layout tab -> responsive layout -> extra small.

1 user says Thank You to chavan for this useful post

1. pimby2010

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542733

Hi Chavan, thank you! I have checked the site on mobile and the layout is perfect, The only problem is that the read more button on the slider does not work! Could you please take a look? I’ll let you know shortly about the ipad issue.

Thanks again,
Eugenia

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#542828

I have checked the website on ipad, it works perfectly, thank you Chavan! 🙂
The site works fine on mobile as well, I think I have just to shorten a bit the message and the read more button will work too.

So this is what’s left:

Notebook: The slider messages are not shown on

– Chrome, version 35.0.1916.153 m
– IE, version 11.0.9600.17126 update 11.0.9 (KB2957689)

Thank you! Eu

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#543075

can you please clear cache and check again. since it works fine on chrome and IE.

2 users say Thank You to chavan for this useful post

1. pimby2010
2. thiagocsoares

[pimby2010 Friend pimby2010Join date: March 2010Posts: 32Downloads:0Uploads:11 Thanks: 19 Thanked: 2 times in 1 posts]

#543110

Chavan thank you very much, the website works perfectly. 😀
Fantastic support!!!

Eugenia

[Author]

Posts