[websiteowner]

ty

[websiteowner]

Hi,

I’ve added the code and it works fine on mobile now. However on the normal desktop site the logo has become bigger again.

How to fix this and make sure the mobile version is responsive?

I now only have this code in custom css:

@media (max-width: 768px) {
.site-header .site-title {
font-size: 22px;
}
}

[websiteowner]

thank you

[websiteowner]

Hi,

i understand where i need to add custom css but i cant see a field specifaclly for mobile css fixes and the last code you shared with me is exactly the same as the previous and that did not solve the responsive issue on mobile phones?

[websiteowner]

Hi,

Where should i add this?

I’m not a coder, sorry.

Cheers,
Jim

[websiteowner]

Hi,

Yes; http://www.succesindeliefde.nl

[websiteowner]

Hi,

I’ve replaced :

.site-header .site-title {
font-size: 65px;
}

With:

@media (min-width: 768px) {
.site-header .site-title {
font-size: 65px;
}

However the site title (logo) is still not responsive?

How to fix this?

Cheers,
Jim

[websiteowner]

Hi,

I’ve added this code to my custom css to decrease the size of the logo:

.site-header .site-title {
font-size: 65px;
}

However now the site logo is not responsive anymore on mobile?

How to fix this.

One of you gave me that code to add it to my css

Cheers,
Jim

[websiteowner]

Hi,

It works now.

Thank you.

[websiteowner]

Hi,

I’ve solved almost all those points except the size of the logo.

I’ve added that code to the custom css area but it has no effect?

Cheers,
Jim