Help fix my site layout?
Replies
Hey so Ive had site layout issues since Ive been back from a hiatus for my move, and its starting to really annoy me.
With the current status of devs not updating site layout issues I was hoping someone good at coding may be able to do a little tweak for me?
My issue is that the bookmarks at the right of my screen (I am mobile on an ipad) are all extended and stretch, causing the site to be squished. Making it hard to read/browse and shrinking the boxes all around.
Here is an image:
[Click for fullsize]
If at all possible it would be great to fix the scroll down menus as well, but I can live with them being pushed down. Mainly its the bookmarks annoying the pants off me.
Thanks to anyone who can help! Let me know if you need any other info.
~ Cowboys & Russians ~
Try adding this .bookmark { padding: 10px 0; }
.bookmark.first { width: 30px; text-align: center; }
.bookmark:nth-child(n+2) p { display: block; width: 30px; margin: 0; padding: 0; }
.bookmark:nth-child(n+2) a { display: block; width: 100%; margin: 0; padding: 0; line-height: 30px; writing-mode: vertical-rl; }It'll make your bookmarks turn sideways, but it should stop the stretching.
The dropdown menus are like that because there's not enough space on your screen for having postcards + time + sidebar toggle + menu. So you'll have to ditch one of the aforementioned items or make the menu smaller. Which would you prefer?
Sorry for the late reply! You are the best :u:
Only issue is that the text on those bars is still stretching the page. But the actual bar part is perfect! I could always change them to shorter names maybe?
Thats so weird, its never been an issue before on my Ipad. They must have done some site layout changes while I was on hiatus.
I dont mind getting rid of the toggle sidebar at all. I literally never use it.
~ Cowboys & Russians ~
Could you post your CustomCSS so far? Because the code I gave you in my previous post should've made those bookmarks turn sideways :S
Yeah! Here it is. I wasnt sure if any of it would interfere.
.floating_item {border:2px solid teal; position:absolute !important; left:5px !important; top:5px !important;}
.x-login-facebook {display: none !important;}
body, html, .sidebar-event, div#sidebar-inner-dash {font-size:12px!important}
.ui.grid>div, .column {font-size:12px!important}
body, html {font-family: Verdana!important;} body, html {font-size:12px!important}
.comments br:nth-child(even), .forum_signature br:nth-child(even), -notepad-content br:nth-child(even) { display: none; } .news-avatar + .content br { display: block; }
.bookmark { padding: 10px 0; } .bookmark.first { width: 30px; text-align: center; } .bookmark:nth-child(n+2) p { display: block; width: 30px; margin: 0; padding: 0; } .bookmark:nth-child(n+2) a { display: block; width: 100%; margin: 0; padding: 0; line-height: 30px; writing-mode: vertical-rl; }
Also I love your ava! Its so perfectly layered.
~ Cowboys & Russians ~
Hmm, it shouldn't interfere. If I use that code, it seems to work... You're sure you don't have anything else listed? Also, I modified your code and added a bit to hide the toggle button, .floating_item {border:2px solid teal; position:absolute !important; left:5px !important; top:5px !important;}
.x-login-facebook, -toggle-button {display: none !important;}
body, html, .sidebar-event, div#sidebar-inner-dash {font-size:12px!important}
.ui.grid>div, .column {font-size:12px!important}
body, html {font-family: Verdana!important;} body, html {font-size:12px!important}
.comments br:nth-child(even), .forum_signature br:nth-child(even), -notepad-content br:nth-child(even) { display: none; } .news-avatar + .content br { display: block; }
.bookmark { padding: 10px 0; } .bookmark.first { width: 30px; text-align: center; } .bookmark:nth-child(n+2) p { display: block; width: 30px; margin: 0; padding: 0; } .bookmark:nth-child(n+2) a { display: block; width: 100%; margin: 0; padding: 0; line-height: 30px; writing-mode: vertical-rl; } And thanks! I'm looking to make a new HA for Masquerade, but it's taking me superlong (just like it took me forever to make this HA lol i'm so slow TwT)
[edit]It could be an issue in Safari, I just saw that that's what you're using... I'll have to check that out. I'll let you know if I find out more!