- This topic has 19 replies, 2 voices, and was last updated 10 years, 7 months ago by
Sakin.
-
AuthorPosts
-
August 14, 2014 at 12:53 am #42400
theraleighsocialclub
MemberHi, 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.August 14, 2014 at 12:03 pm #42418Sakin
Keymaster@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; } }
August 15, 2014 at 3:31 am #42470theraleighsocialclub
MemberSo, 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?
August 16, 2014 at 6:57 pm #42526Sakin
Keymaster@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
August 16, 2014 at 10:55 pm #42544theraleighsocialclub
MemberSakin,
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.
August 16, 2014 at 11:06 pm #42550Sakin
Keymaster@theraleighsocialclub: In which section did you add in Adventurous Social widget?
August 16, 2014 at 11:10 pm #42552theraleighsocialclub
MemberIt 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.
August 16, 2014 at 11:18 pm #42554Sakin
Keymaster@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.
August 16, 2014 at 11:22 pm #42555theraleighsocialclub
MemberPutting the CSS and the theme in real quick, it’s up, try using the mobile menu…it doesn’t work.
August 16, 2014 at 11:24 pm #42556Sakin
Keymaster@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.
August 16, 2014 at 11:30 pm #42558theraleighsocialclub
MemberWorks fine without the meetup, but I kind of need that one.
August 16, 2014 at 11:35 pm #42560Sakin
Keymaster@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
August 16, 2014 at 11:43 pm #42563theraleighsocialclub
MemberAnyway to change it so the colors aren’t black and white, but show the actual colors of the icon before scrolling over it?
August 16, 2014 at 11:58 pm #42567Sakin
Keymaster@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; }
August 17, 2014 at 12:02 am #42569theraleighsocialclub
MemberThe custom CSS didn’t work in the box, I have no idea how to build a child theme though.
August 17, 2014 at 12:09 am #42571Sakin
Keymaster@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.
August 17, 2014 at 12:15 am #42577theraleighsocialclub
MemberWhat about the facebook one?
August 17, 2014 at 12:17 am #42580Sakin
Keymaster@theraleighsocialclub: Simply add the following css in “Appearance => Theme Options => Custom CSS” box.
ul.social-profile li.facebook a { background-position: 0 -43px; }
August 17, 2014 at 2:45 am #42587theraleighsocialclub
Memberwhat about turning twitter blue? what’s the custom css for that?
August 17, 2014 at 11:06 am #42594Sakin
Keymaster@theraleighsocialclub: Here it goes for twitter.
ul.social-profile li.twitter a { background-position: -44px -43px; }
-
AuthorPosts
- The topic ‘Adventurous Pro Mobile Menu not working’ is closed to new replies.