Logo has different positions on mobilescreen

First of all… Thanks for being such a great support dept.
I build some sites with X :wink: But now I came across some things I cannot solve…

Why is the logo on small screens on home and about me different positioned than the other page?
Have a fantastic day!

Hi There,

Please provide your URL so we can take a closer look.

Thanks!

I put the content in a secure note :grinning:

Hi there,

Thank you for giving the information of the website to access it for further checking. I double checked the case with my phone and there is no difference between home page, about us page, and other pages regarding the size and positioning of the logo.

But I guess from the screenshots that you’ve provided that the top admin bar account image is the problem for your phone. I went over to the profile menu of the user that you have provided and turn off the admin toolbar from there:

Now please kindly check the website with your phone and see if it is ok on your side.

Thank you.

HI Christopher,

I don’t get is. On my phone (vertical iPhone 7) it stil shows a difference of the position of the logo. Home and Over Mij (about me) are more directed to the right. Even without the toolbar. But if I put my phone in horizontal position and I change pages the logo seems to stay the same size and position. I will believe you but I still think it is strange. Can you send me screendumps of your screen?

Thank you so much :grinning:

Hi there,

Before I continue checking, would you mind updating your theme first? There are fixed issues in the latest version, it’s a must since you already updated your cornerstone to its latest version. And having incompatible version may cause more issues.

And, I’m seeing your site differently on my mobile than your screenshots. Is it the correct URL? Or you recently changed it?

Thanks!

Hi,
I refreshed to the latest version. Double checked it again. On iPhone 6 everything is ok when I check it in the firefox responsive design feature but on iPhone 5 it still is like I said. When I check it live on my own iphone 6 it still is not ok.

On the page: ‘Over mij’ the logo has another position on the screen than on the page ‘Coaching’.

Hi,

Upon checking , I can see your are setting all image to have a minimum of 300px in your Home and About page.

In your Cornerstone > Custom CSS you have this code.

img {
    max-width: 100%;
    min-width: 300px;
    height: auto;
}

That also affect your logo in the pages you have that code.

To fix it, add this as well.

.x-brand img {
     min-width: 0 !important;
}

Hope that helps

Thanks! This did the job :slight_smile:

You’re welcome.