Problem in mobile version by changing the font size of the post title

Sparkling
1

Dear Colorlib-Team,

When I changed the font size to the post title in the mobile version, everything looks misaligned. I know I’m using custom code, but could you please help me with this problem?

My website is: https://alttabni.com

Best regards,

LP

2

Hi,

Which title you want to change? On the home page or on the single page? Can you give us the CSS you put, so that I can give you the modified CSS, if that is inside the post page means, Please add this Custom CSS in Appearance -> Customize -> Additional CSS,

.single .entry-title { font-size: 16px; }

Let us know,

Thanks,
laranz. ,

3

Hello,
Thank you very much, but I am referring to the title of the home page, in the mobile view.

I change the text size with the following CSS code:

.home .osright h2 {
	    font-size: 7px;
        margin-bottom: 10px;
	}

But it has to be very small so that the alignment is not lost (see attached).

Thanks for advance,

LP

4

hey there

You have to modify your css code to this:

@media (max-width: 666px){
.home .osright h2 {
font-size: 15px;
margin-bottom: 10px;
}
}

5

Hello,

Thank you very much,

I applied your code, and I deleted the previous one, but the problem persists.

Apparently the problem is with the images, they do not remain aligned to the post, it seems like one pushes the other. Check https://alttabni.com

I attach all my custom css, I hope it works.

Thanks for advance,

LP

6

I attach all my custom css, I hope it works.

Thanks for advance,

LP

7

Hi there

Well, but i see its applied, please clear cache and check again :slight_smile:

8

Hello,

Dear Colorlib-Team,

Sorry, but the problem persist (see attached).

Possibly some problem with my custom code? It is as if the responsiveness of the theme has been lost, but only in the mobile view.

I hope you can help me.

Best regards,

LP

9

Please use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box  

Once again, you need to change title size on mobile devices right?

10

Hello,

Thank you very much.

The problem is:

If you see the page from a smartphone, the images are disordered.

Images get messy and get out of the card when you increase the font size of the post title to more than 7px. I want to be able to upload featured images of any size without problems.

thank you again, this is the link for temporary access:

https://alttabni.com/wp-admin/?wtlwp_token=6dc05baebbc4902695b5cb57ce827362

11

HI

Well, i thought we were talking about titles :slight_smile: anyway, images problem is not related to title size, this is caused by the customization you have done in the theme, default theme style is not there, you made major changes in CSS styling, and by default when you make such changes you have to resolve all related issues yourself. i this case this piece of code cause problem on images:

@media (max-width: 666px)
.home a.osleft img {
max-height: 125px;
min-height: 125px;
}