MAKE YOUR PROFILES NAVIGABLE ON MOBILE

im not styling this blog and im not speaking like myself because i am so ridiculously tired of seeing all of your profiles completely obscured by images that range from grating to maneuver around, to making your pages actually completely inaccessible from essential links like add/remove friend, view blog, etc. being unreachable because you or whoever slapped together the template you used forgot or entirely neglected to consider resizing the images depending on screen size, or at least making them able to be clicked behind. so, im making this blog as legible and shareable as i possibly can.

you can make your profile not cause me to wish a meteor to strike your residence by doing one or both of the following, after first figuring out where in your layout code the images are. if you cannot figure that out, consider combing through it another 5 times until you can, or maybe stop using layouts altogether until you learn some basic html+css.

before doing any "optimization", i highly reccomend grouping your images under a class or id, so that you can swiftly apply the changes to all images. if this grouping them all causes issues, you can instead give them individual classes, and group them as needed, or not at all if thats what works best.

your first option is to resize your images so they take up less screen real estate, leaving more space available to click. the best ways to do this (and do correct me if im wrong, im evidently a bit rusty from having been confined to shitty nothing mobile device for a few years now) are setting either your images widths or heights to a percentage value rather than an integer, or media queries. an example from my own profile:

@media only screen and (max-width: 800px) {

#lights {
Width: 55%;
}

the "lights" id is for the string-light pngs at the top of my page, which also brings us to the next solution.

if you have images that are stuck to the top of you screen, make sure they can be clicked through. this one i would consider more simplistic than the last one. while particularly important for images that stick to the top of the screen so that you can still access the navigation bar, id consider it good practice to make any overlayed image that isnt also a link something that can be clicked through.

this can easily be done with the pointer-events property. another example from my own blog, with the lights again.

#lights {
Width: 40%;
pointer-events: none;
}

and i think thats all that i have to say on this now. not sure how to conclude this, other than thanking you for reading. maybe send this to people you see with the aforementioned unnavigable profiles, or rephrase it in a nicer way because i was frankly kinda mean here.