Joomlabamboo Support Forum :: Topic: hide h1 in Logo on mobile devices (1/1) | Joomlabamboo

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

hide h1 in Logo on mobile devices

If you use Zentools please post a review at the Joomla! Extensions Directory.

9 years 3 months ago

Hi,
How is it possible to hide h1 text in the logo position when the page is viewed on mobile devices?
The H1 in the Logo is to long for mobile devices and not so important.

Thanks.

Dirk
12 Month basic
31 posts
Karma: 0

The administrator has disabled public write access.

9 years 3 months ago

Hi

I'd suggest using a media query to reduce the logo size on mobile devices rather than hide anything as the first option

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 3 months ago

Paul,

The size of H1 title would be still to long and to big.

Is it possible to use the same technique as some layout positions are hidden for mobile devices?

Is it possible to apply this manually to the logo h1 tag?
Dirk

Dirk
12 Month basic
31 posts
Karma: 0

The administrator has disabled public write access.

9 years 3 months ago

Hi Dirk,

Yes a media query could reduce the height and length and would be manually created and added to your custom coding

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

9 years 3 months ago

Paul,
just figured out that adding class="stack-tablets hidden-phones" to the h1 tag is working.

Dirk
12 Month basic
31 posts
Karma: 0

The administrator has disabled public write access.

9 years 3 months ago

Thanks for the update

Good luck with the site

Cheers
Paul

manh
Moderator
45248 posts
2106 Thanks
Karma: 603

The administrator has disabled public write access.

If you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers