Tagged: mobile, responsive, social media
- This topic has 5 replies, 2 voices, and was last updated 9 years, 9 months ago by Sakin.
-
AuthorPosts
-
February 25, 2015 at 10:24 am #52339crankitMember
Hello —
I am helping a friend with a site. Great theme BTW! On desktop, the site looks amazing. However, on mobile, the social icons and the header image are not responsive and seem to get cut off. As you can see the YouTube button seems to drop below. The url is: http://www.dinapariseracing.comAny ideas? Thanks in advanced.
February 25, 2015 at 12:24 pm #52344SakinKeymaster@crankit: Thanks for using Catch Everest Free theme. But you shouldn’t edit Theme Name form the footer of Free theme. It’s the product attribution for using free one and this is only thing that we get for providing free theme and free support.
1. For Header image, you have added is as background and not in responsive css. That is why it is not adjusting in responsive design. So, just go to “Appearance => Header” and upload your header banner there and uncheck “Display Header Text”, just above it. This will add your header banner and remove site title and tagline.
Then you can go to “Appearance => Theme Options = Header Right Section” and check on “Disable Header Right Section” to remove header right sidebar. Finally add the following css in “Appearance => Theme Options => Custom CSS” box to remove white spaces.
#hgroup-wrap, #site-logo { padding: 0; }
2. For social icons, you actually need to ask in plugin support forum. As this is not from our theme. For this time, I will try to answer it. Try adding in the following css in “Appearance => Theme Options => Custom CSS” box:
@media screen and (max-width: 1000px) {
.bnsaw-credit .bns-add-widget .socialmedia-buttons {
right: 0;
top: 0;
width: 100%;
}
.bnsaw-credit .bns-add-widget .smw_center img,
.bnsaw-credit .bns-add-widget .smw_left img {
margin-right: 5px !important;
}
}February 26, 2015 at 8:32 am #52397crankitMemberThank you! I will give it a shot. My apologies for the footer change.. how can I restore it appropriately? I was not the one that originally created this website. Also, how can I tell if it is a free or pro version of the theme?
February 26, 2015 at 10:33 am #52400SakinKeymaster@crankit: You don’t need to restore the footer exactly like as it is. But you can at least add, Catch Everest, or Theme by or Catch Themes with link to http://catchthemes.com or http://catchthemes.com/themes/catch-everest/. We just need credit link in the footer when you are using free themes.
Catch Everest is the Free theme and Catch Everest is the Pro theme. I can just see your style and find it.
March 3, 2015 at 8:33 am #52605crankitMemberHey Sakin — Just wanted to again thank you for your help and also let you know that we did update the foot with credit for your theme 🙂
March 4, 2015 at 1:06 am #52649 -
AuthorPosts
- The topic ‘Social Media Icons Not Mobile Friendly’ is closed to new replies.