Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 4, 2016 at 6:56 pm #607791
    Chelmsford

    Hi,

    I’ve been trying to fix this by using multiple suggestions from the forums but so far no luck. I’ve moved my header logo using the following:

    .logo img { margin-top: 20px; }

    .header-scrolled .logo img { margin-top: 0; }

    Unfortunately, this clips the bottom of it at what seems to be the limits of the header. How can I fix this?

    April 4, 2016 at 7:07 pm #607795
    Jordan

    Hey Chelmsford!

    Thanks for getting in touch with us!

    Could you please provide a link to your site, so that we can have a closer look at the logo and provide with the right CSS to fix the issue. You can place the information in the Private Content section of your reply.

    Cheers!
    Jordan

    April 4, 2016 at 7:14 pm #607797
    Chelmsford

    Thanks for your quick response!

    I’m developing the site on a local server so there’s no link to provide unfortunately. If I posted a screenshot and the source code would that do?

    April 4, 2016 at 7:16 pm #607798
    Jordan

    Hey!

    No problem. Yes the screenshot would help a bit, so we could what’s happening and how the logo is being cut off in the header.

    Cheers!
    Jordan

    April 4, 2016 at 7:35 pm #607816
    Chelmsford

    Let me know if you need anything else!

    April 5, 2016 at 6:11 am #608039
    Rikard

    Hi,

    It’s difficult to give you exact code to use when we can’t inspect the elements in question, did you try to increase the header size in the theme options?

    Best regards,
    Rikard

    April 5, 2016 at 7:39 pm #608485
    Chelmsford

    Yikes, it’s always the thing that’s right in front of you. When I experimented previously it moved the menu around a lot but I managed to line it up. Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Logo cut off in header’ is closed to new replies.