Community Forums › Forums › Archived Forums › Design Tips and Tricks › Lock site container & site inner same as Facebook?
Tagged: center site
- This topic has 4 replies, 2 voices, and was last updated 9 years, 7 months ago by yohan14.
-
AuthorPosts
-
August 4, 2014 at 1:55 pm #117041yohan14Member
Hi, thanks so much for any help in advance.
I'm working with lifestyle pro and I'd like all the elements to move with the browser in the same fashion as Facebook.
Basically, everything is centered in the browser window and the various area's do not move around or shift. They are always locked and centered unless the browser is compressed to the left, the left side stays at the left side and the right browser edge covers up content as it moves in.As well, I would like to expand the width of the header and body so the white in the body goes all the way to the browser edge and the blue in the header and navigation goes to the browser edge as well.
Help or insight will mean I name a child or pet after you:)
(Especially if your name happens to be "Indugu")(I will create a separate theme set up for mobile using- wp touch or webbu mobili.)
Thanks so much for your help & patience,
http://rejuvilate.com/services/acupuncture/
YohanAugust 4, 2014 at 7:18 pm #117088ᴅᴀᴠɪᴅMemberSounds like you want to make your site not responsive. The way to do that would be to remove the last part of your style sheet which is the media queries. The other thing you need to do is give the site-container a fixed width so nothing is based on percentages of the screen size.
The problem of doing this though is that you need to decide a width for your site container. For example, if you chose 1140px which used to be the default max-width for Genesis when this child theme was released. Anybody with large screens would have lots of space either side of the site, anybody with slightly smaller than the width screen wouldn't have the whole site in few.
This is the problem which the media queries solved, so you can do but expect to hit these problems.
Also it makes your second question impossible to answer. Because there is no longer 'a browser edge' as every browser would now have a different edge if you had a fixed width.
I love helping creative entrepreneurs build epic things with WP & Genesis.
August 5, 2014 at 8:34 pm #117237yohan14MemberHi David,
Thanks so much for chiming in!
I've been too jammed up to test out what your saying but I didn't want to not say thank you.
I will hopefully play with it in the next few days.Thank you:)
Best,
YohanAugust 8, 2014 at 7:38 am #117749yohan14MemberHi David,
I removed the media queries and set the site container to a fixed width.
This is the idea I want however, as you mention, I want the header, body, etc to fill the page off to the left and right. (w/o the empty / dead space)Is there a way to either utilize the site-inner" or "wrap" so all the Navigation, Content, Menu's, Sidebar, etc are within the center of the browser and the left and right edge of the page fill out to the browser regardless of it's width - same as "Facebook.Com" - (login/homepage)? ( Possibly add a new wrap, or something else?)
Thanks so much for your help & patience,
YohanAugust 8, 2014 at 9:04 am #117761yohan14MemberHi David,
I think I'm pretty close, however it seems the site-inner(content & sidebar) is still not centering in the same way as the rest of the site. It seems the width is correct and I have "text-align: center;". Seems maybe I'm missing something obvious?Thanks again & best,
Yohan -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.