Problems with product titles and headlines

[David Martin – Support]

Please provide a link to the page or create a test page so we can provide with some custom CSS.

– David.

[goodtimesmag]

At the end of this site: http://goodtimesdeals.de/

[David Martin – Support]

What device are you using?

Please see my iPhone 6 screenshot.

– David.

Attachments:

You must be logged in to view attached files.

[goodtimesmag]

I am using a iPhone 5s

[David Martin – Support]

Please clear your device Safari cache.

See my emulated iPhone 5 screenshot.

Attachments:

You must be logged in to view attached files.

[goodtimesmag]

I checked the site with a cleared cache, but I doesn’t look like on your emulated iPhone 5 screen.

[David Martin – Support]

Please add a screenshot of what you currently see.

Thanks.

[goodtimesmag]

The screenshot of the problem is still the same…

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please test this custom CSS:

@media only screen and (max-width: 767px) {
.spb_text_column h1 {
font-size: 25px;
}
}

Thanks.

[goodtimesmag]

Ok, thanks, this is not the ideal solution, but I think I can live with it.

I have also used the following css codes to reduce the h1 in parallax and the h2 in text blocks, but the h1 code for parallax doesn’t work:

@media only screen and (max-width: 767px) {
.spb_text_column h1 {
font-size: 25px;
}
}

@media only screen and (max-width: 767px) {
.spb_text_column h1 {
font-size: 25px;
}
}

@media only screen and (max-width: 767px) {
.spb_parallax_asset h2 {
font-size: 22px;
}
}

@media only screen and (max-width: 767px) {
.spb_parallax_asset h2 {
font-size: 22px;
}
}

[David Martin – Support]

Hi,

You don’t need a media query for each. You can combine all that into one.

The h1 is not working as you have not added a h1 parallax selector. Your CSS posted is copy and pasted without updating the h1,h2 ect.

Ex improved:

@media only screen and (max-width: 767px) {
.spb_text_column h1 {
font-size: 25px;
}
.spb_text_column h2 {
font-size: 23px;
}
.spb_parallax_asset h1 {
font-size: 25px;
}
.spb_parallax_asset h2 {
font-size: 22px;
}
}

Thanks.

[goodtimesmag]

Perfect, thanks!

[Mohammad – SUPPORT]

Hi,
Great thanks to David.
Mohammad