Joomla Templates Club 406,261 posts

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

#1070833

Hi
JA Masshead has a fixed height for the mobile as there is not enough space to show all.
You can add below code in custom.css file and change the height value as per needs

@media (max-width: 1208px)
{.jamasshead .jamasshead-description {
    max-height: 180px;
    overflow: hidden;
}}

Regards

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

1. shoumikdas

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1070929

Hi Pankaj – I created a new file called custom.css under the template’s css folder from the Administrator back-end panel and added your custom code. The masshead module does not increase in height even if I increase max-height to 250px. However, it decreases in height if I set max-height to 170px.

Is there any restriction on increasing the height of the masshead module in the mobile site. Also, what code should I use if I want to set the height for tablets like Apple iPad and Google Nexus 7?

I mean what should be the max-width of the media in such cases?

Thanks in advance!

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

#1071117

Hi
use
max-height: 242px!important; But it will work till this height as the block height is the max height and text cannot fit on the small screen.

Regards

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

1. shoumikdas

[shoumikdas Friend shoumikdasJoin date: June 2010Posts: 127Downloads:91Uploads:55 Thanks: 43]

#1071139

Thanks!

[Author]

Posts