Site title not responsive – Pinnacle free

  • Sara

    (@saranor)


    10 years, 3 months ago

    Hi,

    I’ve got a long site name that ended up dividing in 2 rows which I didn’t want it to do so I added this to the custom css

    .kad-header-style-basic #logo a.brand {
    white-space: nowrap;
    }

    That fixed the problem so the site looks good on a computer screen but now the site name is not responsive on mobile. Is there anything I can do to fix this?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kevin

    (@jx-3p)

    10 years, 3 months ago

    You could try replacing that CSS with this.

    @media (min-width: 992px)   {
.kad-header-style-basic #logo a.brand {
white-space: nowrap;
  }
}

    If that doesn’t work, post a link and I’ll see if I can help you write the CSS.

    Thread Starter Sara

    (@saranor)

    10 years, 3 months ago

    Thanks Kevin, that worked!

    On mobile the site name turned in to 2 rows like I wanted it to though the gap between the two rows are very large, is there something I can add to the css to make the gap smaller?

    Thread Starter Sara

    (@saranor)

    10 years, 3 months ago

    Ok, change of plans, so the website that I needed this help for is a friends that I’m re-doing for her as a favour.

    BUT she didn’t like the fact that the site name ended up in 2 rows and want the site name to be in one row and to be responsive in a way that it goes smaller when on mobile.

    Is there a way to fix this in the css?

    Kevin

    (@jx-3p)

    10 years, 3 months ago

    Can you post a link to the site that you’re working on?

    That’s about the only way I can be sure the CSS is correct.

    thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Site title not responsive – Pinnacle free’ is closed to new replies.