SKT Charity Pro – Button Icons

[Chris Rahe]

Hello,

I’m working on SKT Charity Pro. I’ve created a third button in the top right on my header – this button is a ‘take a tour’ button. I copied and pasted the code for the Become a Volunteer button, so it uses the same icon as that button. I was wondering if there are other icon options? If so, how would I go about adding those and what would the options be?

I’m adding a screenshot to help better see what I mean.

http://imgur.com/a/URGRw

Thank you!

[Chris Rahe]

Also, now when I look at the mobile view, the “take a tour” button is all wonky.

Here is an imgur screenshot of what I mean
http://imgur.com/a/LUs40

How can I fix this?

[Sonnal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Chris Rahe]

I am currently using a staging site through flywheel.

URL: http://staging.minor-meal.flywheelsites.com/
Username: flywheel
Password: unarmed-wrench

[Sonnal S Sinha]

Hi,

You can choose icons from: http://fontawesome.io/icons/

Regards,
Shri

[Chris Rahe]

Those icons work great, thank you.

However, on mobile the buttons are still off. Is there anyway to make them more adaptive to the mobile screen?

Thanks

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.signin_wrap .widget-left, .signin_wrap .widget-right { width:100%;}
.signin_wrap span.donateuser { float:none; border-right:none !important; border-bottom:1px solid #fe927e !important;}
}

Regards,
Chris

[Chris Rahe]

It definitely looks better!

But it’s still a little bit off. Here’s another screenshot after adding that code.
http://imgur.com/a/dTog6

Is there anything I can do to bring that map icon down to fit with the “Take a Tour” text/button?

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
.signin_wrap span.donateuser { display:block !important;}
}

Regards,
Chris

[Chris Rahe]

It looks awesome!! Thank you very much!

[Sonnal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/9/

Regards,
Chris

[Author]

Posts