Okay
  Public Ticket #320336
Mobile view header and Social button hover color
Closed

Comments

  • Thomas started the conversation
    November 18, 2014 at 8:19am

    Hello Salient Support!

    I was wondering first, how to change the hover color of the social sharing icons on the blog pages without changing the accent color, since other elements will be effected by this change. 

    Also, the header in blog posts when floats behind the navigation when in mobile views (tablet and phone). How can I resolve this?

    Thanks!

  •  8,454
    Tahir replied
    November 19, 2014 at 10:33pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    body .nectar-social a:hover i {
    color: #000 !important;
}
@media only screen and (max-width: 1000px) {
    html body #header-outer {
        position: static!important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • Thomas replied
    December 5, 2014 at 3:07am

    Thanks for your help, the position didn't resolve the issue though. Also, the .nectar-social worked for all blog posts, however on pages where the social shortcode is placed, the share count is still black when static or on hover. 

    EX:

    http://gmsmobility.com/relocation-spotlight-tunisi...

  •  8,454
    Tahir replied
    December 5, 2014 at 4:56pm

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    body .nectar-social a span.count {
    color: #fff !important;
}
body .nectar-social a:hover i {
    color: #000 !important;
}
@media only screen and (max-width: 1000px) {
    html body #header-outer {
        position: static!important;
    }
}

    Thanks

    ThemeNectar Support Team 

  • Thomas replied
    December 10, 2014 at 8:21pm

    Thanks! Looks like that worked out perfect.

  • Thomas replied
    December 16, 2014 at 8:09pm

    whoops... looks like I celebrated a bit early. The font color for the share count still doesn't change to the hex I put in the provided code. Any other suggestions?

    Thanks!

  •  8,454
    Tahir replied
    December 17, 2014 at 5:15pm

    Hey!

    Please see screenshot: http://prntscr.com/5htnce . It seems to be working alright when i add it to the live browser. 

    Thanks 

    ThemeNectar Support Team 

  • Thomas replied
    December 18, 2014 at 7:58am

    Ha... you're right, must have been a caching issue on my end! Sorry!