Specular - Couple of bugs (Mobile menu, accordion)

#specular accordion faqs mobile menu

- 6 years, 3 months ago eltooks
  Participant
  
  Expired
  
  Hi,
  
  Thanks for a great theme. My client and I love it.
  
  I managed to resolve most of my issues but two remain:
  
  1. In the responsive format of the website, the menu (hamburger icon) does nothing. It just adds a # to the URL. Am I missing where I can control this?
  
  2. The accordion for why choose us works, in that it expands and collapses. But its buttons do not change color or change their content (+) <-> (-).
  
  If you’d like to take a look the site is finconnect.io.
  
  Please let me know.
- 6 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  Glad to know you like our theme!
  1-Please go to General Options > Header Options > Show Responsive Menu Dropdown, make sure it’s on.
  
  2-Do you have any third party plugin installed? Please deactivate them and try again.
  Let me know how it goes.
  
  Best regards!
- 6 years, 3 months ago eltooks
  Participant
  
  Expired
  
  Hi Mihaila,
  
  Thanks for your reply.
  
  With regards to your points:
  
  1. Yes I have Show Responsive Menu Dropdown on! When the website is in mobile mode, the hamburger icon is displayed. My issue is that when I click it, a menu does not appear. It just adds a # to the URL. You can check it yourself if you check the site finconnect.io and shrink the browser (or open it on mobile).
  
  2. I did have two third party plugins for Google Analytics and an under construction plugin. I deactivated both, but the accordion still does not work like it should. When interacting with it, the deselected accordion remains blue and its icon remains (+). The newly selected options have their circle white and their icon remains (-).
  
  Please let me know.
- 6 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  Can you please add some wp credentials in your profile data? So i can give this a closer look.
  Read this article for more information.
  
  Best regards!
- 6 years, 3 months ago eltooks
  Participant
  
  Expired
  
  Thank you! Done! please let me know.
- 6 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  Looks like some scripts are conflicting with theme. Can you please deactivate all third party plugins? See screenshot: https://postimg.cc/image/5k14nskcn/
  
  Let me know how it goes.
  Best regards!
- 6 years, 3 months ago eltooks
  Participant
  
  Expired
  Hi guys,
  
  Thanks for your answer. I did deactivate them as you requested, but the mobile menu still does nothing and the “old accordion” component is still not behaving properly.
  
  Also isn’t Ninja Forms a plugin with your theme? If not, what form plugin should I use?
  
  Could you please advise.
  
  This reply was modified 6 years, 3 months ago by eltooks.
- 6 years, 3 months ago Mirela
  Participant
  Hello,
  
  No, Ninja form is not one of our included plugins. The old accordion is a deprecated element from Visual Composer. Please use the accordion element (or faqs) in the ‘content’ group of elements of VC.
  
  To fix faqs, go to file js/main.js and find these lines:
  
  /*------------------------------ Accordion Toggle Binding ------------------------------ */ function accordionBinding(){ "use strict"; $(".accordion-group .accordion-toggle").live('click', function(){ var $self = $(this).parent().parent(); if($self.find('.accordion-heading').hasClass('in_head')){ $self.parent().find('.accordion-heading').removeClass('in_head'); }else{ $self.parent().find('.accordion-heading').removeClass('in_head'); $self.find('.accordion-heading').addClass('in_head'); } }); } /*------------------------------ Accordion Toggle Binding FAQs------------------------------ */ function accordionBindingFaqs(){ "use strict"; $(".accordion-group .accordion-toggle").live('click', function(){ var $self = $(this).parent().parent(); if($self.find('.accordion-heading').hasClass('in_head')){ $self.parent().find('.accordion-heading').removeClass('in_head'); }else{ $self.parent().find('.accordion-heading').removeClass('in_head'); $self.find('.accordion-heading').addClass('in_head'); } }); }
  
  Replace the first block with these lines:
  
  /*------------------------------ Accordion Toggle Binding ------------------------------ */ function accordionBinding() { "use strict"; $(".accordion-group .accordion-toggle").live('click', function() { var $self = $(this).parent().parent(); if ($self.find('.accordion-heading').hasClass('in_head')) { $self.parent().find('.accordion-heading').removeClass('in_head'); } else { $self.parent().find('.accordion-heading').removeClass('in_head'); $self.find('.accordion-heading').addClass('in_head'); } }); }
  
  And remove (comment out) the entire second block:
  
  /*------------------------------ Accordion Toggle Binding FAQs------------------------------ */ function accordionBindingFaqs(){ "use strict"; $(".accordion-group .accordion-toggle").live('click', function(){ var $self = $(this).parent().parent(); if($self.find('.accordion-heading').hasClass('in_head')){ $self.parent().find('.accordion-heading').removeClass('in_head'); }else{ $self.parent().find('.accordion-heading').removeClass('in_head'); $self.find('.accordion-heading').addClass('in_head'); } }); }
  
  Save changes and refresh page.
  
  -Can you send us some ftp so i can check the mobile menu issue. Or enable ‘Editor’ menu under Appearance menu.
  Let me know.
  
  Best regards!
- 6 years, 3 months ago eltooks
  Participant
  
  Expired
  
  Hi.
  
  Thanks for your help so far. I replaced the old accordion with a new accordion component and it seems to be working fine. I skipped using the FAQ instead.
  
  With regards to my only remaining issue before I can deliver the site, the mobile menu, what do you mean by FTP access? Access to the hosting site? In that case, I’m afraid I can’t do that, because my client has other information there. I looked under “Appearance” for “Editor” but I couldn’t find it. Where exactly is it?
  
  Thanks.
- 6 years, 2 months ago eltooks
  Participant
  
  Expired
  
  Hi guys,
  
  I think you forgot about me?
- 6 years, 2 months ago Ruco
  Keymaster
  
  Hello,
  
  To fix your issue you have to wait for an update we will launch soon or you can edit the file functions.php file and remove the line below:
  wp_enqueue_script( 'jquery');
  
  Save the file.
  
  And check again.
  
  Let us know.
  
  Regards!
- 6 years, 2 months ago eltooks
  Participant
  
  Expired
  
  Hi…
  
  I looked for the file “functions.php” and there are several instances of this file.
  
  I assumed that it was “/public_html/wp-content/themes/specular/functions.php” I removed the line and saved but the hamburger icon still did nothing.
  
  Please advise when your update will come out or if there is another workaround. To be honest this is disappointing because the hamburger icon is the primary way to navigate in the website on mobile and our mobile bounce rate is triple that of the desktop site.
  
  Awaiting your feedback.
  
  /public_html/wp-admin/admin-functions.php
  /public_html/wp-admin/upgrade-functions.php
  /public_html/wp-content/themes/specular/functions.php
  /public_html/wp-content/themes/specular/includes/core/core-functions.php
  /public_html/wp-content/themes/specular/admin/inc/class.redux_functions.php
  /public_html/wp-content/themes/twentysixteen/functions.php
  
  /public_html/wp-content/themes/twentyfifteen/functions.php
  
  /public_html/wp-content/themes/twentyseventeen/functions.php
  
  /public_html/wp-content/themes/twentyseventeen/inc/template-functions.php
  
  /public_html/wp-content/themes/twentyseventeen/inc/icon-functions.php
  
  /public_html/wp-content/themes/escapade/functions.php
  
  /public_html/wp-content/themes/primer/functions.php
  
  /public_html/wp-content/plugins/mailchimp-for-wp/includes/functions.php
  
  /public_html/wp-content/plugins/mailchimp-for-wp/includes/deprecated-functions.php
  
  /public_html/wp-content/plugins/mailchimp-for-wp/includes/integrations/functions.php
  
  /public_html/wp-content/plugins/mailchimp-for-wp/includes/forms/admin-functions.php
  
  /public_html/wp-content/plugins/mailchimp-for-wp/includes/forms/functions.php
  
  /public_html/wp-content/plugins/post-types-order/include/class.functions.php
  
  /public_html/wp-content/plugins/envato-market/inc/admin/functions.php
  
  /public_html/wp-content/plugins/wordpress-seo/inc/wpseo-functions.php
  
  /public_html/wp-content/plugins/wordpress-seo/inc/wpseo-non-ajax-functions.php
  
  /public_html/wp-content/plugins/js_composer/config/grids/vc-grids-functions.php
  
  /public_html/wp-content/plugins/ninja-forms/deprecated/includes/functions.php
  
  /public_html/wp-content/plugins/ninja-forms/deprecated/includes/display/upgrade-functions.php
  
  /public_html/wp-content/plugins/ninja-forms/deprecated/includes/admin/upgrades/upgrade-functions.php
  
  /public_html/wp-includes/ms-functions.php
  
  /public_html/wp-includes/registration-functions.php
  
  /public_html/wp-includes/functions.php
  
  /public_html/wp-includes/rss-functions.php
- 6 years, 2 months ago Ruco
  Keymaster
  
  Hello,
  
  Now i have resolved your issue by deactivating the revolution slider from the mobile devices and the menu works.
  
  Please check it now.
  
  Regards!
- 6 years, 2 months ago eltooks
  Participant
  
  Expired
  
  Hello team,
  
  Great! Yes thank you it is working now.
  
  Thanks for your help in getting everything fixed!
- 5 years, 6 months ago eltooks
  Participant
  
  Expired
  
  Hi! It’s me again.
  
  The same issue as above has reappeared. Basically, the client contacted me telling me that the hamburger icon does not work on mobile ON THE HOMEPAGE ONLY. On all other pages it works.
  
  I had not updated the theme in a while, so I updated the theme and disaster struck. Revolution slider was not working; the portfolio items were appended by an unremovable /codeless-portfolio/ in the slug; “Specular” menu item in WP admin was gone with all its customizations, WP page builder would not update and said it needed a license, and the menu was the wrong menu type and I could not change it (since “Specular” was gone from WP Admin, and on clicking on the portfolio items their presentation changed.
  
  Luckily I went back to godaddy and found a recent backup and restored it. I tried again, this time without updating WordPress first to 5.2.1 and keeping it at version 4.8.2. Same disaster struck!
  
  So I had to re-extend my support and here I am asking for your help! Is there a way to fix the hamburger icon without jumping through all these hoops? If not, what are the steps required for me to update the theme without damaging the entire look and feel of the site (finconnect.io).
  
  Please let me know.
- 5 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  After theme update some plugins may deactivate, so just go to Plugins menu and activate them again. If you see any message in your dashboard, requiring to update included plugins..then just follow the on screen steps.
  It will remove the old copy of included plugins and install the new updated version that is inside theme package.
  
  Please read this article for more detailed info:
  https://support.codeless.co/?ht_kb=plugins-license-activation-is-required-to-receive-updates
  
  https://support.codeless.co/?ht_kb=update-plugins-using-only-the-included-in-theme-version
  
  If you want we can help you with it. Just add some wp and ftp credentials in a private reply.
  
  Best regards!
- 5 years, 6 months ago eltooks
  Participant
  
  Expired
  
  Hi Mirella,
  
  Thanks for your answer. Unfortunately it did help solve my issue.
  
  Again, I tried today to update the theme. Then updated/reactivated all plugins. The WP Page Builder refused to update and it cannot be deleted. Any way, that is not the issue.
  
  There are massive changes in the theme. I took before and after pictures so that you can see what I am talking about.
  
  [caption id="" align="alignnone" width="445"] The page before updating the theme[/caption]
  
  [caption id="" align="alignnone" width="525"] After the theme update[/caption]
  
  As you can see, the slider is gone, the look and feel changes, the footer changes… Also inside the WordPress Admin console, the Specular menu item from where I can change the header and the logo is gone.
  
  This one:
  
  Again, I appreciate your help. I know you’re not responsible for theme installation or customization but these are all happening on updating the theme.
  
  For the record my WordPress version is 4.9.8. I tried installing the update on both 4.9.8 and I also tried updating WordPress to 5.2.1 and installing the theme there. Had these issues in both cases.
  
  Again, if you can point me to how I can fix the hamburger menu not clicking on the homepage on mobile without all the above, then we can both be done with it. If you insist on me updating the theme, then you have to please support me in doing so because all the above is happening. Thanks.
- 5 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Please add the site’s link in your profile data. Also make sure the current credentials are correct. So we can log in and check this up.
  
  Note: Your support time has expired. Please consider extending it in order to get more specialized support for the next 12 month. To extend support time, go to your Envato account > Theme profile (screenshot).
  
  Best regards!
- 5 years, 6 months ago eltooks
  Participant
  
  Expired
  
  Hi Mirela…
  
  The site is finconnect.io. It was available above.
  
  Also, of course I already extended my support before I contacted you two days ago.
- 5 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Please add some ftp credentials too. So i can upload the new theme.
  
  Best regards!
- 5 years, 6 months ago eltooks
  Participant
  
  Expired
  
  This reply has been marked as private.
- 5 years, 6 months ago Mirela
  Participant
  
  This reply has been marked as private.
- 5 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  There are currently 4 themes in your wp-content/themes folder in wordpress installation. However, in wordpress dashboard Themes, there is only the active theme showing. Did you restrict the right to the user send to us?
  Please check it again and give full access. So we are able to see all necessary options.
  
  Let me know.
  Best regards!
- 5 years, 6 months ago eltooks
  Participant
  
  Expired
  
  Hi,
  
  I gave you my account that has full access! :)
  
  The themes were deactivated. I activated them from My sites>Network Admin> Themes.
  
  Hope this helps and thanks for your assistance.
- 5 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  Yes, it’s all accessible now. I updated theme to the latest version 3.1 (released two days ago).
  I updated required plugins too. Please check your site. All is well now. The mobile menu is ok as well. See screenshot: https://ibb.co/fFH3pSy
  
  Best regards!
- 5 years, 6 months ago eltooks
  Participant
  
  Expired
  
  Hi Mirela. Thanks a lot for that.
  
  I kinda feel like an idiot now, though! Did you just update the theme and it just worked without any other interference?
  
  Thanks again!
- 5 years, 6 months ago Mirela
  Participant
  
  Hello,
  
  The trick are the plugins. Often users just update theme and leave it to that. But there are important plugins that are updated together with theme and need to be updated too for site to look well. Also some plugins get automatically deactivated whenever you make a theme update or switch from parent to child theme.
  
  Always check plugins too in these cases.
  
  Let me know if you need further help.
  
  Best regards!