Social media icons not showing up on mobile devices

[pgregory]

I am using the Oldcar theme. The icons for the social media icons I’ve enabled show up on the full version of the site, but not on the mobile version that I’ve viewed on my phone. As a responsive theme, I thought they’d be on both. Can you help me?

[FocuxTheme Support]

Yes, for save the limited space and avoid casual click on the social icons, we hide the sidebar on mobile device.
My suggestion is you can create about page and put the social icons in this page content, if user want to know you and your social network profiles, they can go to about page.

If you really want to add the social media icons to the mobile version, can you tell me where you want to place those icons?

Thanks

[pgregory]

Thanks! I’d like the social media icons to be at the bottom of the page in a border that is the same color as the one selected for the sidebar…effectively replicating the look of the social media icons and background that are on the side bar in the desktop version.

[FocuxTheme Support]

I can only provide you a general solution for you request, because the customization issue is not included in the support.

1. You need to add the following HTML into footer.php

<div id="mobile_socials"><?php echo van_social();?></div>

2. Add the following CSS into custom.css file or “Oldcar options > Custom code > CSS code”

#mobile_socials{
    width:100%;
   height:40px;
   background:#da584f;
   position:fixed;
   left:0;
   bottom:0;
   display:none;
}
@media all and (max-width: 640px){
 #mobile_socials{display:block;}
}

[pgregory]

You suggested adding the social media icons to the About page. Can you provide me with instructions for doing so? Thanks!

[FocuxTheme Support]

Just put [social_icon inverse=1 facebook=”#” googleplus=”#”] into the About page content, that’s it.
You can refer to the documentation for the social_icon shortcode usage.

[Author]

Posts