Jump to content
svabodesign

site look different on different computers

Recommended Posts

svabodesign    0
svabodesign

Apparently my clients website look different on her computer and macbook pro than it does do my macbook pro. We both use google chrome. She lives in the US though while I live in Norway. Can distance change the look of a site too? The differences is the space under the background image.

I logo and navbar is nothing to worry about because I changed it after she took a screen photo of her site. For her the space under the image is huge, and is affecting how the site is suppose to look. While for me the space is not that much at all.

How do you guys see the site?

http://www.sailubju.com/

Is it possible to do so it look the same on all devices? at least pc and mac.

On the pictures I attached, version 1 is my client and version 2 is how it looks for me. She want it more like my version, less space under the image. What do I need to do so the site look the same for everyone?

post-41712-0-34408000-1348427393_thumb.j

post-41712-0-35072700-1348427408_thumb.j

Share this post


Link to post
Share on other sites
Simon    247
Simon

maybe you have different screen sizes?

Share this post


Link to post
Share on other sites
svabodesign    0
svabodesign

yes I checked the site on my friends computers, and the site do look different on different screen sizes. The bigger screen the bigger space under the image. Is it possible to change so the site look the same on any screen?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

The issue is that you have this in your custom CSS:


.simplenav {
margin: 125px;
padding: 20px 0;
text-align: center;
}
[/CODE]

The Margin is causing the issue, I recommend you try and position your simply nav menu in a different way. Try removing the margin and see if that resolves your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
svabodesign    0
svabodesign

I removed the margin and it looks good at least on my screen. Don't have any chance to check on other screens at the moment .But the navbar position moved a little bit too much up. Is it possible to change the navbar position without using margin?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Several things:

First, when scaled, the logo remains static, and non responsive, causing the logo to move from one bit to another.

Next, it's clear that the branding doesn't show, nor does the menu at the bottom (literally) against the color background image.

You can see the two images shown in full scale (100%) view.

It's almost impossible to view the branding or menu.

The last image is at 60%, but you'll see how the branding slides to the left. That's caused by incorrect CSS.

post-6-0-42377400-1348522804_thumb.png

post-6-0-03805600-1348522810_thumb.png

post-6-0-01176700-1348522954_thumb.png


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
svabodesign    0
svabodesign

Where do I start so the site will at least look a little bit more alike on different screens? Most important is the logo and navbar position. The logo is suppose to be over the image and the navbar is suppose to be on the bottom of the image on the blurry part

Share this post


Link to post
Share on other sites
Rob    547
Rob

I think you need to start with basics of the PageLines Framework.

There seems to be lots of customization but not all of it's working. How did you set this up to begin with?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
svabodesign    0
svabodesign

The home page contain of 4 elements. The background color. The background image. The logo and the navbar. On PageLines Framework I set the bg image on page settings for home. the image is set on do not repeat. 100% vertical, 50% horizontal and scroll.

For the background color it is just suppose to be on that page. So I customized it at the css custom code.

.page-id-13 {

background-color: #01293D;

I also customized the logo and simple nav position using custom code. I'm having a hard time to position the logo and the simple nav

Share this post


Link to post
Share on other sites
catrina    103
catrina

I think the best way to implement your navigation would be to put it inside a Content Box section (available from the PageLines Store) and use CSS to position it. However, the position may still vary from browser to browser.


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
svabodesign    0
svabodesign

Ah okey, like the logo in one Content box and the image in another content box? Right now it's not the different browsers that are the problem, the site just look different on different screens. But I might try your idea :)

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

Yeah by separating it into different sections, you'll be able to get it more uniform. :)

If you consider this topic resolved, please let us know - thanks!


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
Rob    547
Rob

The topic was marked as resolved.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • BentleyD
      By BentleyD+
      Hey Guys,
       
      I am building a website for a client on a test domain on my personal hosting and I would like to transfer the pagelines site to their domain and hosting.
       
      What is the procedure for backing up the site, including the pagelines data?
       
    • outtareach
      By outtareach
      Guys,
      If I want to link to parts of the same page to make a one page site how would I do this?  I know in regular html you name your section then link to it but not sure how this would do this if I cant name a section.  Any help would be appreciated.
    • outtareach
      By outtareach
      I completed a photography site with pagelines and it works in all browsers except chrome.  Was working in chrome but then just stopped and not its blank there and the guy is a bit upset.  I've tried clearing the cache and deactivating plugins but its not bringing the site up in chrome.  The page is blank but the code is there.  Would really appreciate in insight because this is not a test site and it is live.  www.picturesfromtheheart.net
    • Toby
      By Toby
      Hi, I am wondering if it is possible to edit the mobile version of the DMS site, or will it always reflect the Desktop version?

      I am specifically referring to the layout of sections, and whether they can be moved around to suit mobile better.

      Thanks
    • hottheo
      By hottheo
      hello 
      my site has disappeared today. i haven't been in the backend of the site in about a week or so, but i was on the main site earlier this afternoon and it was fine. everything should be updated properly, plugin etc.
      what should i do? 
       
      www.tedfury.com
       
      when i go to my login bookmark for my browser i get sent here. 
       
      http://p3nlhclust404.shr.prod.phx3.secureserver.net/SharedContent/404.html
       
      please help. my site is due for a very important relaunch in mid july. 
       
       
×