Archived topic

Text no responsive

3 replies · Started by Jorge on August 17, 2017

Viewing posts 1–4 of 4

August 17, 2017 at 1:46 pm #368250

Can someone tell me how to make the text "Calamuchita Turismo" be responsive and look good from a cell phone? In the homepage https://calamuchitaturismo.com

August 17, 2017 at 2:39 pm #368276

Hi there,

Instead of writing the CSS like this:

.head {
    font-size: 6em;
    font-weight: 700;
    text-align: center;
    letter-spacing: -4px;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

Try using the typography add-on in Customizer > Typography > Headings > H1. There is also mobile toggle you can use to set the size specific for mobile too.

August 18, 2017 at 3:57 am #368613

Thanks Leo
I deleted the class .head
In Customizer> Typography> Headings> H1 I placed for desktop size 54px and in mobile 34px.
In mobile it looks perfect but on desktop it does not take the size indicated and I can not know why. Can you tell me what I'm failing?
Jorge

August 18, 2017 at 9:04 am #368752

Something is adding this CSS:

h1 {
    font-size: 2em;
    margin: .67em 0;
}

I would try disable all non-GP plugins and clear the caching plugin.

This archived topic is closed to new replies.

Start building better websites today.