Move Social Icons in Mobile Site Only

mSummers · August 30, 2015

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 · August 30, 2015

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 · August 31, 2015

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 · August 31, 2015

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 · August 31, 2015

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

mSummers · September 1, 2015

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 · September 1, 2015

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

Move Social Icons in Mobile Site Only

Comments