Joomla Templates Club 406,261 posts

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#832964

Dear Support,
I have some problems with mobile layout:

1. My texts, in JACM are cutted (see attached image 1.jpg). This is for sure my fault, because I increased the font dimesion, but I don’t know how to fix it.

2. While the images in JACM ser with "Featured News:style1" are perfect, the images in JACM set with "Category Listing:style-1" are cutted (see attached image 2.jpg)

3. This issue is based on a solution I found in the forum (here: https://www.joomlart.com/forums/topic/hide-one-module-in-mobile/). If I define this rule:

    .mobile_hide {display:none;}

And I set it on a module suffix, the module disappears from any layout.
How can I set in my custom.css this rule to be applyed only to small and extra-small layouts?
I would like to hide banner-1 position from these layouts (I think it’s visible because of a tip).

Best regards,
Federico

---

Attachments:

1. 
2. 

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#832947

Dear support,
If I define this rule:

.mobile_hide {display:none;}

And I set it on a module suffix, it disappears from any layout!
How can I set in my custom.css this rule to be applyed only to small and extra-small layouts?

Regards,
Federico

P.S. No more Search on new forum? 🙁

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

#833709

Hi You can add this rule in custom.css

@media and (max-width: 768px) { .mobile_hide {display:none;} }

It will work below the width 768px only . Hope it helps
or simple add

hidden-xs

with a single space in module options > module suffix . save and check this will hide module in extra small layouts .

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#833822

Hi @pankaj,
thank you for you reply. I was using "hidden-sm" to hide some modules in tablet layout and it works.
I would like to hide both in smartphone and tablet.

I tryed with the code (I disabled the cache), but it’s not working…

Federico

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

#833839

Hi
use hidden-xs
to hide it in small layouts . Share your Module ID that u want to hide and the site admin details via private reply i will check it .

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#833844

Hi @pankaj,
I see, but I would like to hide the modules both on sm and xs layouts.
I’m sending a private reply with my credentials.

Thanks,
Federico

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#833845

This reply has been marked as private.

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

#833847

Could u provide the module ID that u want to hide and not working at this time .
I did not found it in your last post.

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#833848

Hi @pankaj,
I’m sorry, you’re right! Module ID 240.

Thanks,
Federico

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

#833864

Hi
i added hidden-xs in module options > http://prntscr.com/9js1xs
kindly clean cache and check , module is not showing in mobile .
hidden-xs for extra small .
hidden-md for medium size .

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#833866

Hi @pankaj,
thanks a lot! I thought it was not possible to set more than 1 suffix to a single module. Very good!

Would you be so kind to help me with the other two points (text cutted and images)?

Thanks in advance,
Federico

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

#833872

Add this code in custom.css file for images and

.magazine-leading .magazine-item-main .magazine-item-ct {

    max-height: 160px!important;
}

.magazine-featured .item-image, .magazine-categories .item-image {
    max-height: 100%!important;
}

it will solve the problem .
for text if it still hide increase the 160px value of height in above code

[fbernardello Friend fbernardelloJoin date: February 2015Posts: 287Downloads:16Uploads:35 Thanks: 51 Thanked: 2 times in 2 posts]

#833887

Hi @pankaj, great: the code solves both the problems!
Thank you very much for your precious help.

Happy new year!
Federico

[Author]

Posts