Layout Changes Announcement

Hi everyone! This is a post about the recent layout changes, what was changed, and what to expect moving forward.

Recent changes

Two layout changes were made this week. We're still smoothing them out so feel free to report any issues you notice in the Problems + Bugs forums.

1. Toggle Sidebar button If you'd like to hide it, you can use this CSS:-toggle-button{display:none;} 2. Removed the page balancer Previously, we had some JavaScript that would "correct" the heights of the content and sidebar. This script would slow down pages. We've removed this script and tweaked the page layout so that the background extends to the bottom with just CSS.

The main change here: The sidebar and content of each page now exist in a div with the id main-content.

The specific fix for your pet profile depends on your code. If you need more help, please make a topic in this forum about your issue.

Future Changes

There are just a few more changes we are going to make to the current layout before we'll be done messing with it! This is a pretty rough plan right now, but here's our list:

• Fix the dropdown navigation menu. Right now it just behaves pretty weirdly, especially on narrower screens, the buttons get bumped downwards into the page. This menu will be given a complete rewrite and a major update.
• Add the meta viewport tag for mobile responsiveness. This will be a relatively major change and will completely change how the current site layout shows up on mobile. It has the potential to affect pet profiles in major ways so we are discussing a way to exclude pet profiles from this change and allow people to opt in on an individual basis - we're definitely not going to push this change without addressing what it could do to profiles.

Once the meta viewport tag is added in, that might cause some complications that need to be smoothed out, but should be the last of site layout changes for a while.

Finally, a note about pet profiles. Whenever the site layout is changed, however small the change is, it can/will affect pet profiles. This is because pet profiles use the same layout as the rest of the site, unlike user profiles which have their own "blank slate". The way it's set up right now, it's inevitable. However we sympathize with the confusion and frustration this can cause, so we are looking into a better solution / ways to prevent or mitigate this. I just wanted to let you know that it's something the team is aware of and looking into.

Feel free to ping me with any questions.

If you need help with your pet profile or custom CSS, make a topic in this forum about your issue.

siteupdate

That's the reason behind this item on the to-do list:

no need, I just added it to the pet profile page so check your profiles :)

Do you have any suggestions?

I made this topic to try to communicate more clearly about both these changes and what changes are coming - so that future changes won't blindside people as much as these have. I offer tips for fixing things where I can. I also added some code to the pet info page itself that will undo some of the more major changes by default so that users don't have to. For instance, the background-image on the main-content div was messing with a lot of profiles so I modified our layout to remove it on pet profiles only. As mentioned in the first post, we are going to have some sort of "opt-in" mode for when we add the meta viewport tag. If you have more suggestions, we're happy to hear them out :)

Yes, that's something we're discussing as I mentioned in the first post.

Oh weird, thanks for reporting that. I think that's a bug in my CSS, I'll fix that asap.

[edit] Actually I'll look into it a bit later today. Going to give the site (and myself) a bit of a break.

Hey guys, just a reminder. If you're experiencing issues with your profiles or custom CSS, make a topic in this forum and post your code along with your problem description. Especially when it comes to custom CSS, you need to post your code in order for others to be able to help. Thanks.

Is this specific to the Morostide layout? Or it happens in all layouts? Also, does it only happen on the Use Item page?

The sidebar events problem has been around for a long time. Item menu page missing site footer As I explain on that topic, I'm intentionally not fixing it at the moment because is working on a revamped Use Item page, so I'm refraining from making changes to it myself while she does her thing.

It is possible that what you're encountering is a similar issue, caused by the missing footer on that page. If so, it's also going to have to wait until that page is revamped, and will probably be fixed by the footer simply being there like it's supposed to. The Use Item page specifically is broken because it's missing the entire footer section of the site, which is one reason weird things happen on that page. (That's also why the bookmarks disappear.)

Yes! We had some discussion and we agree that it's an excellent idea and should take priority. We will post a more detailed announcement about this in the near future. No more layout changes will be made for the time being. I'll ping here again with our post once it's been made.