[theraleighsocialclub]

Hi, everything on my site seems to be working fine
http://www.theraleighsocialclub.com However, I can not seem to get the “hamburger” to work. The menu doesn’t show up when I click it on a computer or a phone, tried on multiple devices. I’m not sure how to make this work. Can you please help.

[Sakin]

@theraleighsocialclub: Oh you have added large image in the Header Top Sidebar. That is why it is showing issue. Actually, you should have only added small logo from “Appearance => Theme Options => Header Options” like in our demo page.

So, to fix this, we need to keep mobile menu always on top. Try to add in following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (max-width: 980px) {	
	#masthead { position: fixed; top: 0; }
	.admin-bar #masthead { top: 32px; }
	.site { padding-top: 40px; }
}
@media screen and (max-width: 782px) {
	.admin-bar #masthead { top: 46px; }
}

[theraleighsocialclub]

So, just to let you know, that didn’t fix it. I did some more investigating, it stops when the plugin “adventurous social” is in use. Any advice?

[Sakin]

@theraleighsocialclub: Can you add that CSS and let me know it as I don’t see the CSS added in. As when I try with Firebug in your site using Custom CSs. I wan able to add menu in the top of header. See this screenshot https://www.diigo.com/item/p/qqqcreozccooprbrbzbepepbaa

[theraleighsocialclub]

Sakin,

I had added that custom css and the mobile experience was weird. I kept it on to troubleshoot and see if it would work, it did work UNTIL I added the widget “adventurous Social”. When that widget is in use, the mobile menu STOPS working, regardless of the CSS, when that widget is NOT in use, the mobile menu works just fine.

[Sakin]

@theraleighsocialclub: In which section did you add in Adventurous Social widget?

[theraleighsocialclub]

It doesn’t matter where I add the adventurous widget, I tried it in the header, I tried it in the footer, I tried it in a sidebar that wasn’t even active on the main page. If the widget is in use, the mobile menu stops working…period.

[Sakin]

@theraleighsocialclub: But it’s working fine in our site. You can see in our demo site as well http://catchthemes.com/demo/adventurous/. So, I don’t get it how you get issue with menu when you have Adventurous social widget. Can you show that error to me.

Looks like we are understanding different. I will email you for faster response.

[theraleighsocialclub]

Putting the CSS and the theme in real quick, it’s up, try using the mobile menu…it doesn’t work.

[Sakin]

@theraleighsocialclub: Can you remove that meetup custom social icon image http://img2.meetupstatic.com/img/8308650022681532654/header/logo-2x.png. As you are not supposed to add image from outside your site in Theme Options panel. So, you can upload this image in your site and add it. Then it will work.

[theraleighsocialclub]

Works fine without the meetup, but I kind of need that one.

[Sakin]

@theraleighsocialclub: You are not allowed to add external link image URL. You need to upload that meetup logo in your site. For that you can just click on “Add Image” and upload the meetup logo or you can upload from Media uploader at “Media => Add New”, then pate the meetup logo url. You current meetup logo is from site http://img2.meetupstatic.com but the image should be from your own site http://www.theraleighsocialclub.com

[theraleighsocialclub]

Anyway to change it so the colors aren’t black and white, but show the actual colors of the icon before scrolling over it?

[Sakin]

@theraleighsocialclub: For this you need to build child theme and then add the following function in your child theme functions.php file.

/**
 * Remove grey script
 */
function adventurous_child_scripts() {

	wp_dequeue_script( 'adventurous-grey' );
	
}
add_action( 'wp_enqueue_scripts', 'adventurous_child_scripts', 20 );

But if you are having difficult in child them then try to add the following css in “Appearance => Theme Options => Custom CSS” box.
.social-profile .img_grayscale { opacity: 1 !important; }

[theraleighsocialclub]

The custom CSS didn’t work in the box, I have no idea how to build a child theme though.

[Sakin]

@theraleighsocialclub: Did you refresh your browser and check is as I can see your meetup as color. For building child theme you can read this http://catchthemes.com/blog/create-child-theme-wordpress/ . You can also download the sample child theme there.

[theraleighsocialclub]

What about the facebook one?

[Sakin]

@theraleighsocialclub: Simply add the following css in “Appearance => Theme Options => Custom CSS” box.
ul.social-profile li.facebook a { background-position: 0 -43px; }

[theraleighsocialclub]

what about turning twitter blue? what’s the custom css for that?

[Sakin]

@theraleighsocialclub: Here it goes for twitter.
ul.social-profile li.twitter a { background-position: -44px -43px; }

[Author]

Posts