Hi, my name is Anton and I’m having some problems with getting my website to look good on different computers and browsers. I’m new to web design and I’m using the free SiteOrigin North theme and Live Editor plugin.
The website looks good on my computer but when I look at it from another one, the layout differs. What happens is that the top left logo moves to the left, outside of the screen and the ‘sign in’ button in the top right corner moves too far to the right. I have changed the margins in the custom CSS and scaled the logo, I guess this is the cause of the problem (even if it looks good on my computer).
I tried adding this code to the custom CSS but it doesn’t change anything:
}
.page-wrap {
width: 960px;
margin: 0 auto;
position: relative;
}
Any suggestions of how to solve the problem would be highly appreciated. This is the URL: http://beta.klimato.se/
Have a great day!
Anton
Hi Anton,
Preface: .page-wrap isn’t actually a valid class in SiteOrigin North. I also wouldn’t recommend using that CSS as it’s not responsive.
SiteOrigin North dynamically resizes based on the user’s screen resolution. For example, on mobile devices, the width available is very limited so the logo will be very close to the mobile menu. I’ve had a quick look at your website and I can’t seem to see what is described. Can you please show me a screenshot of what you’re seeing?
Please note that we’re currently unable to process attachments. You’ll need to upload your attachment to a third party image hosting site like Imgur or vgy.me and reply with a link.