Change listing title size on phones

Hello community, please can someone help me with a code to change the size of the titles on phones?
I searched the forum and found nothing

Hi,

Yes, it is possible, but it will require CSS tweaks using the additional media query parameter: Responsive Web Design Media Queries. Also, If customizations are required for your site, please try customizing it using the collection of code snippets Search · user:hivepress · GitHub and other developer resources, or consider hiring someone for custom work https://fvrr.co/32e7LvY

1 Like

Hello andrii
Thank you for your valuable help
I use ListingHive, and I’m lost in code, but I’m learning a little CSS, just like a child learning to walk.
Following your advice I was able to put together the following and solve my problem.
I would like you to correct the code please, if something is wrong.

@media only screen and (max-width: 600px) {
.hp-listing__title {

 font-size: 28px !important;

}
}
1 Like

The code seems to be ok, but I recommend this selector to target the listing page only:

.hp-listing--view-page .hp-listing__title {...}

The code snippet you posted should change the listing title size for screens smaller than 600px in width.

1 Like

Thanks ihor, for the support.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.