Centering Folders and Galleries for all screen sizes

SGToliverSGToliver Registered Users Posts: 31 Big grins
edited August 13, 2013 in SmugMug Customization
I made my site look all nice. I was oblivious to the problem until I went to my site on a different computer. on my portfolio page i have two folders and two galleries. I have it this way because some of the catergories of my photos don't need more than gallery. I found out how to split them down the middle but the centering is an issue. Is there a way to create a static display for these so they dont shift and look different on every different screen size?

http://www.brianoliverphotography.com

Comments

  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    I made my site look all nice. I was oblivious to the problem until I went to my site on a different computer. on my portfolio page i have two folders and two galleries. I have it this way because some of the catergories of my photos don't need more than gallery. I found out how to split them down the middle but the centering is an issue. Is there a way to create a static display for these so they dont shift and look different on every different screen size?

    Link to site?

    What happens when you shrink your browser to a smaller size on your PC?
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    when I do that it adjusts them. I really love everything else about my site but this issue really bugs me. I can't have my stuff looking different depending whos looking at it and on what type of screen.
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    http://brian-scott-oliver.smugmug.com/Portfolio/Portraits

    the screen im using now is an old square one. i have corrected this page to be centered on this monitor 3 long, 2 deep. how does it view for you?
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    You tried this? https://quirktools.com/screenfly/#u=http%3A//www.brianoliverphotography.com/&w=1280&h=800&a=1

    The tool is in the customisation links sticky thread in this forum

    That bluebell shot is Smug, isn't it? You might want one of your own images there perhaps?
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    thats my image. I took that at the hallerbos in Belgium.
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    http://brian-scott-oliver.smugmug.com/Portfolio/Portraits

    the screen im using now is an old square one. i have corrected this page to be centered on this monitor 3 long, 2 deep. how does it view for you?

    Like this - my full 24 inch screen which is 1920x1080px

    i-ptnc6N6-XL.jpg
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    thats my image. I took that at the hallerbos in Belgium.

    Oh, Im very sorry. I've seen so many smug pages and images this last week. Nice shot! (as they say on flickr) :D
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    and here is how it looks on my screen right now:
    http://imgur.com/bdAgL5A
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    Oh, Im very sorry. I've seen so many smug pages and images this last week. Nice shot! (as they say on flickr) :D

    no worries! It at least looks good enough i guess!
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    and here is how it looks on my screen right now:
    http://imgur.com/bdAgL5A

    If I shrink my browser down manually, the narrowest I can get it and still retain 4 columns is shown below. The green band at bottom and right shows the full extent of the monitor that the browser is in. The physical width of the browser (side to side) is 10 inches. Not sure what the equates to as a diagonal monitor measurement.

    Had I gone narrower it would go to 3 cols. That is what it's supposed to do. Try mine (link in signature)

    i-jRKhjdH-L.jpg
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    Yeah, I see, I am just not happy with it. I really want it uniform regardless of the screen size but I guess I will have to endure it.
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    Yeah, I see, I am just not happy with it. I really want it uniform regardless of the screen size but I guess I will have to endure it.

    You can change your screen mode from stretchy to fixed, but I'm not sure of the implications. Go to customise/all site/layout. Mine looks, well, it doesn't look good (not saved so don't look) You could try it and use the screen tool to see what it looks like on other size screen?
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    shoot...it seems thats all i need to do i guess!
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    shoot...it seems thats all i need to do i guess!

    Well, I don't know about that. If it's fixed you should retain columns etc. But users on a small screen will have to scroll the screen horizontally to see the right side, rather than content being automatically adjusted. Are you OK with that?
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    Oh, Im very sorry. I've seen so many smug pages and images this last week. Nice shot! (as they say on flickr) :D
    Well, I don't know about that. If it's fixed you should retain columns etc. But users on a small screen will have to scroll the screen horizontally to see the right side, rather than content being automatically adjusted. Are you OK with that?

    I think so. At least until I can create some new galleries. Most people have wider screen these days anyway.
  • BigRedBigRed Registered Users Posts: 288 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    shoot...it seems thats all i need to do i guess!

    If you want a fixed number of images on each row (automatically scaling their sizes up/down for different-sized displays), could you perhaps add some CSS to define columns by width percentage? Here's an example (for a different gallery style): http://www.smugocity.com/CSS/GS-Thumbnails/Mini-Thumbnails
    http://www.janicebrowne.com - Janice Browne Nature Art & Photography
  • SGToliverSGToliver Registered Users Posts: 31 Big grins
    edited August 13, 2013
    My main "portfolio" page wasnt giving me too many issues because of the size of the images and the way I had to work having both a Folders and Galleries 'thingy' on my page. My main focus was once I was inside the portraits and events folders. The galleries were oddly numbered and small so they automatically would adjust to fill the row. I made my main page and portfolio page stretchy and made the others fixed. Seems to have worked and even looks on on a mobile device (using the quirkytools link you provided).
  • macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 13, 2013
    SGToliver wrote: »
    Seems to have worked and even looks on on a mobile device (using the quirkytools link you provided).

    Laughing.gif! I could have a look on my Samsung Galaxy Ace, but the Smug app doesn't work for that phone :cry. But tomorrow is my birthday and I'm getting an Samsung S3!!!clap.gif So I'll try it.
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
Sign In or Register to comment.