Joomla Templates Club 406,261 posts

[gustavoi Friend gustavoiJoin date: February 2015Posts: 24Downloads:0Uploads:0 Thanks: 7]

#720173

I Have a JASideNews module located on User8 position (Puresite template).

On PC devices everything looks great, but on Tablet and mobile devices, the height of article images are cut improperly (image below) it would be better to have a little more height (each of them).

Could you help me?

thanks in advance

Gustavo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#720369

Hi,

You can open three file below and add new css style

<blockquote>templates/ja_puresite/css/layout-tablet.css
templates/ja_puresite/css/layout-mobile-port.css
templates/ja_puresite/css/layout-mobile.css</blockquote>


.ja-sidenews, .ja-sidenews img {
width: 100% !important;
height: 100% !important;
background-size: cover;
}


Once done, clear cache from admin area and check it again.

Let me know if it helps

Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#753327

Hi,

You can open three files below and add new css style

<blockquote>templates/ja_puresite/css/layout-tablet.css
templates/ja_puresite/css/layout-mobile-port.css
templates/ja_puresite/css/layout-mobile.css</blockquote>


.ja-sidenews, .ja-sidenews img {
width: 100% !important;
height: 100% !important;
background-size: cover;
}


Once done, clear cache from admin area and check it again.

Let me know if it helps

Regards

[gustavoi Friend gustavoiJoin date: February 2015Posts: 24Downloads:0Uploads:0 Thanks: 7]

#720515

Thanks for your indication changes, they improved very much !

On Tablet it is great, but on mobile, image Titles (Text below images) is being cut (see image below)

How can I solve?

thanks
Gustavo

[gustavoi Friend gustavoiJoin date: February 2015Posts: 24Downloads:0Uploads:0 Thanks: 7]

#753353

Thanks for your indication changes, they improved very much !

On Tablet it is great, but on mobile, image Titles (Text below images) is being cut (see image below)

How can I solve?

thanks
Gustavo

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#720909

You can fix the problem of image title on mobile layout

Open templates/ja_puresite/css/layout-mobile.css file

find and change

#ja-topsl div.moduletable h3, #ja-topsl1 div.moduletable h3, #ja-topsl2 div.moduletable h3 {
font-size: 200% !important;
}

to

#ja-topsl div.moduletable h3, #ja-topsl1 div.moduletable h3, #ja-topsl2 div.moduletable h3 {
font-size: 150% !important;
}

.ja-slidenews-cover {
height: 120px !important;
}

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#753449

You can fix the problem of image title on mobile layout

Open templates/ja_puresite/css/layout-mobile.css file

find and change

#ja-topsl div.moduletable h3, #ja-topsl1 div.moduletable h3, #ja-topsl2 div.moduletable h3 {
font-size: 200% !important;
}

to

#ja-topsl div.moduletable h3, #ja-topsl1 div.moduletable h3, #ja-topsl2 div.moduletable h3 {
font-size: 150% !important;
}

.ja-slidenews-cover {
height: 120px !important;
}

[Author]

Posts