Move Social Icons in Mobile Site Only

mSummers

I have the social icons in the left margin on my site, but they appear in the center right below the navigation bar on the mobile version of the site. Is it possible to force them to display at the bottom of the page on the mobile site?

mSummers

Actually, in addition to moving them to the bottom on the mobile site, I would like to display them horizontally instead of vertically like they are on the main site.

mSummers

Bump. Does anyone know how to move the social icons from the left margin to the bottom of the page and change them from vertical to horizontal on the mobile version of my site?

Hikin' Mike

Looks like you are still using the Legacy SM, so until you switch over to the New Smugmug, it's going to be nearly impossible to help you.

mSummers

I have the new one almost completely built. Just making some final tweaks before I publish it and this is one of them.

mSummers

Still playing around with this. Below is a screenshot of the current mobile configuration with the social icons in their default place. I found the CSS code to hide the icons on small screens but that does not help because it leaves the large amount of space they occupied in place.

I'm guessing that the left sidebar where the icons reside on the non-mobile site is getting repositioned between the menu and the slideshow. How do I hide the sidebar? I would prefer to move the icons to the footer on small screens but would settle with just hiding the sidebar (or whatever is causing all the blank space to remain). Simply hiding the social icons isn't really an option because I also have them on my about me page and want them to remain there on the mobile site.

I would also like to reduce the amount of margin above and below the logo if possible.

Thoughts?

ImageUploadedByTapatalk1441129646.244943.jpg

Hikin' Mike

Until you publish your new site, I can't help you.