Accordion not working properly. - by teaandbecky

This topic has 15 replies, 4 voices, and was last updated 9 years, 11 months ago ago by Eva Kemp

  • Avatar: teaandbecky
    teaandbecky
    Participant
    December 4, 2014 at 02:09

    I am having trouble with the accordion tabs on the product page. I placed some accordion tabs in the description section of the products page. When I click on any of the tabs, the entire description section disappears, including the tabs. So the tabs aren’t working. Can you help me fix this? I added credentials below.

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: teaandbecky
    teaandbecky
    Participant
    December 4, 2014 at 12:03

    Another issue that just came up, I updated the Royal theme, wordpress and woocommerce. Now, the boxed size for my site is too narrow. I thought I have fixed the problem but putting .boxed .st-container {width: 1200px;} into my child theme. But that didn’t work because when I viewed my site on mobile, it was way too wide and when I take that .boxed .st-container {width: 1200px;} out of my child theme, my site header when viewed on mobile is all misaligned too. I don’t know what happened with the update because the site was perfect right before the update. Can you help me fix this issue too?

    Thanks.

    Avatar: Eva
    Eva Kemp
    Support staff
    December 4, 2014 at 14:51

    Hello,

    Please update the theme to 1.5.1 version:
    https://www.8theme.com/demo/docs/royal/#!/installation_upgrade (paragraph “1.5 Theme Upgrade”)

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: teaandbecky
    teaandbecky
    Participant
    December 4, 2014 at 22:00

    Hi,

    I just upgraded to version 1.5.1 and it didn’t change anything. Can you please look at my site again and let me know how to fix these problems?

    Thanks again for your time.

    Avatar: teaandbecky
    teaandbecky
    Participant
    December 5, 2014 at 02:02

    Another issue has just come up. The Featured Image on the single product page doesn’t load when I click the magnify button. It just says loading… and never loads. The other images load, just not the Featured Image. How can I fix this?

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    December 5, 2014 at 14:36

    Hello,

    You provided us with an empty FTP account.
    Please give permissions to our user to be able to view site files.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: teaandbecky
    teaandbecky
    Participant
    December 5, 2014 at 19:59

    My apologies. I corrected the FTP permissions. The login info is below.

    Thanks again for your time.

    Please, contact administrator
    for this information.
    Avatar: teaandbecky
    teaandbecky
    Participant
    December 9, 2014 at 08:03

    Just wondering if you had a chance to take a look at this.

    Thanks again for your time.

    Avatar: teaandbecky
    teaandbecky
    Participant
    December 9, 2014 at 23:46

    So I just upgraded to version 1.5.2 of Royal and it fixed the issue I was having with the photos and another issue that I didn’t even write about, disabling Ajax for variations. Thank you for both of those corrections. But I am still having the same problem with the boxed size of my site and the accordions not working. If you can please reply back to me with those solutions (asap…?) that will be great.

    Thanks again for your time.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 10, 2014 at 21:25

    Hello,

    Problem is in functions.php file in Child Theme folder. If you delete this file boxed width will be work well.

    Regards,
    Robert Hall.

    Avatar: teaandbecky
    teaandbecky
    Participant
    December 10, 2014 at 21:44

    I apologize but I don’t understand. Here is the info from the functions.php file in the child theme:

    <?php

    add_action( ‘wp_enqueue_scripts’, ‘enqueue_child_theme_styles’, PHP_INT_MAX);
    function enqueue_child_theme_styles() {
    wp_enqueue_style( ‘parent-style’, get_template_directory_uri().’/style.css’ );
    wp_enqueue_style( ‘child-style’, get_stylesheet_uri(), array(‘parent-style’) );
    }

    What am I supposed to change or add to this file? I don’t see any boxed width.

    Also, will this correct the issues I am having with the accordion on the products page?

    Thanks again for your time.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 12, 2014 at 08:56

    Hello,

    You faced problem with boxed layout, because your code loads child stylesheet twice. Read this post http://wordpress.stackexchange.com/questions/167639/why-does-my-child-theme-css-get-called-twice
    And check your site now.

    We have fixed bug with accordion on your site. Check, please. This fix also will be included in next update.

    Regards,
    Olga Barlow

    Avatar: teaandbecky
    teaandbecky
    Participant
    December 13, 2014 at 02:45

    Hi 8theme,

    Thanks for fixing those issues. I see that those issues of my site are now working well on my computer but I still have problems on mobile. While looking at the site in Chrome on my phone, the accordions inside of the description section on the products page works but if I choose Color Charts or Returns, Exchanges & Cancellations on the page, it doesn’t work. It still has that weird rubber band snap back accordion effect. It’s weird because while using Firefox on my phone it works but on Chrome it jumps. Is there a fix for that?

    Also, I can’t see the shopping bag icon in the header on mobile. It’s off of the page.

    And… there is this issue:
    nav bar page loading

    This shows up when any page is loading on my computer or on mobile. The mobile nav bar should only show when it’s clicked on.

    I know, a lot of stuff. Please let me know if and when these issues can be fixed.

    Thanks again for your time.

    Please, contact administrator
    for this information.
    Avatar: teaandbecky
    teaandbecky
    Participant
    December 13, 2014 at 11:22

    Ok, so the accordion issue in Chrome on mobile was a browser issue. I updated Chrome and the accordion works great. 🙂 So never mind that issue.

    Another thing that I notice is that when you fixed the issues with my child theme, now all the links on my site are default blue and some of the fonts have lost their color preference. Is this something I now have to correct on my own or is there a simple fix?

    Thanks again and I look forward to your reply with corrections.

    Avatar: Eva
    Eva Kemp
    Support staff
    December 13, 2014 at 12:55

    Hello,

    We can help you to customize color of the links via custom.css file.
    Please clarify what exactly you need to change and what result should be.

    Thank you.
    Regards,
    Eva Kemp.

  • Viewing 15 results - 1 through 15 (of 15 total)

The issue related to '‘Accordion not working properly.’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.