Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 13, 2016 at 6:05 pm #632174
    khickman

    Hi,
    For some reason, my social media icons are not showing up anymore. They do show up briefly the disappear.
    Placeholders for the icon and links are there.

    Also, need to make the phone number black when viewed in mobile. Now it’s white and can’t be seen,

    Thanks,
    Keith

    May 16, 2016 at 4:09 am #632651
    Rikard

    Hi khickman,

    They are displaying fine on my end using latest version of Chrome, could you try to clear your browser cache and reload a few times to see if that helps please?

    Try the following CSS to make the phone number black on mobile:

    @media only screen and (max-width: 767px) {
.phone-info span {
color:black !important;
}
}

    Regards,
    Rikard

    May 16, 2016 at 6:30 am #632753
    khickman

    Hi Rikard,
    Thank you for your response. The CSS worked for the phone number in my browser only. Not working on my HTC (chrome & firefox). However, the social media Icons are not showing up only on the home page because they are white. Like I said they do show up briefly and disappear along with the background image.
    However, they work on the sub-pages fine. I need them to be black like they are on the sub-pages.
    Note that I have cleared cache and refreshed the browser window many times plus checked them in multiple browsers and mobile devices.
    If you look at any sub-page, everything displays properly. This is how I want the home page to display.
    I can give you login if you need it.

    Thanks,
    Keith

    May 17, 2016 at 5:34 am #633463
    Rikard

    Hi Keith,

    I see what you mean now, try the following CSS as well: 

    @media only screen and (max-width: 767px) {
#top #header_meta .social_bookmarks li a {
color:black !important;
}
}

    Best regards,
    Rikard

    May 17, 2016 at 6:45 pm #633910
    khickman

    Hi Rikard,
    This worked great! Thank you. I would like to know if one more thing is possible for this area. Not that the sub-pages have a background image that shows up in the top area. Is this possible for the homepage also?

    Thanks again.

    Keith

    May 18, 2016 at 7:47 am #634219
    Rikard

    Hi Keith,

    Yes but it looks like you have selected to have a transparent header on the front page? Try to change it in the Layout menu on the right hand side of the edit screen of the page. I would stick with your current setting though as I think it looks better for the front page.

    Regards,
    Rikard

    May 18, 2016 at 3:48 pm #634567
    khickman

    Hi Rikard,
    Ok. I think I will leave it alone for now. Thank you for all of your help!

    Keith

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Social Media Icons not showing up in mobile/responsive’ is closed to new replies.