• Resolved Many Thanks

    (@willcrosthwait)


    Thanks for such a great theme, we’re really happy that we went pro with you.

    The only issue we have is that on the iPhone, the logo extends beyond he div container using mobile safari on all the pages accept the homepage template.

    You can see this happen here: https://www.missdefiant.com/music

    Please let us know how we can fix this!

Viewing 6 replies - 1 through 6 (of 6 total)
  • I have exactly the same issue here on the Athena theme, I didn’t find what to do to fix it.
    For the moment I deleted the logo from the header, it was the only solution to get a nice website on mobile. You can also change the color to grey it will be a little bit better.
    For info i’have tried different size of logo and it’s still don’t fit.
    Still a nice website by the way.
    Regards

    I’ve also got the same issue. I can’t make head or tail of the stylesheet either and I’ve been coding CSS for the past 10 years.
    The logo only appears correctly on index page and then seems to half sit behind a div tag boarder thought the rest of the site.

    There are other issues too that optimise well with the Mobile api but not the desktop view. My comments area stretches full width of the page. I expect that this is a design feature because originally the text copy hugged the left side of the browser, so I added a left side pages widget, but now the widget shows first on the mobile view. The text aligns nicely in the middle, but the comments area looks messy. Strangely, on the actual comments page, the comments area falls correctly aligned.

    Ideally, if the widgets could have a hide option for the mobile view and comments could align with the body text, it would be a winner… Oh not forgetting the logo fix. It really needs sorting as it’s the first thing users see when they look through the pages.

    It’s a shame because it’s a fantastic looking theme. It’s just these relatively minor issues that let it down. Unfortunately I can’t risk purchasing the full theme until these items are fixed or a solution is given.

    same issue here!

    Fix it please, its a very nice theme, but this problem screws up…

    ??

    https://s21.postimg.org/x26xz91av/bugged_logo.jpg

    no one can help us?

    ??

    Hi there!

    I’m Samantha and I work for Smartcat.

    First step is to check the size of your logo. Does the file that you’ve uploaded have a vertical length greater than 75px? If so, delete this media file. Resize the logo on your computer using your default image editing software to make sure its around 75px in height, then reupload.

    You can also try adding this mobile media query to fix the logo, which seem to be unique to Safari / iOS users.

    @media ( max-width: 991px ) {

    #athena-logo img {
    max-height: 50px;
    }

    #athena-logo {
    line-height: 50px;
    }

    Thread Starter Many Thanks

    (@willcrosthwait)

    Hi Samantha,

    The picture was larger so I resized it which didn’t have any effect.

    Then I added the code and now it’s safely back in it’s div container.

    Thanks very much for the help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Logo extends div on mobile except homepage’ is closed to new replies.