Logo/Site Title jumbled when not full width

  • Bonesy88

    (@bonesy88)


    10 years ago

    Hi, great theme.

    When I look at my site on mobile or half screen, the site title on the top right decreases in width, gets squished together and is not readable.

    I thought it might have something to do with position: relative but no luck.

    How can i make this element non-responsive?

    Thanks

    https://www.stellarnorthtalent.com

Viewing 1 replies (of 1 total)
  • Thread Starter Bonesy88

    (@bonesy88)

    I fixed the logo issue by using an image for the logo instead.

    But there is still an issue with the responsiveness.
    When I view the site on my phone, the width of the header is larger than the screen size.
    The length of the header is also shortened when viewing on mobile.

    It might have something to do with this css that I used:

    .home .header-top-wrap, .home.front-page .header-top-wrap {
    background: url(‘mybackground.jpg’) no-repeat scroll center top / cover transparent;
    height: 577px !important;
    width: 100%;
    }

    ^^I used this css because I wanted to eliminate the author description and social media icon area from the header on the home page. Is there a better way? I think it is messing up the responsiveness.

    Thanks

Viewing 1 replies (of 1 total)
  • The topic ‘Logo/Site Title jumbled when not full width’ is closed to new replies.