Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 29, 2017 at 1:04 am #831347
    gocreative

    With the most recent few updates of Enfold, Tab Sections have “overflow: hidden” set as an inline style. The problem is, if there’s content inside a tab which can be expanded — such as Accordion elements — then the Tab Section doesn’t increase in height to accommodate that.

    In other words, if we create a Tab Section, set the height of each tab to adjust automatically based on content, then place an Accordion inside it, it’s not possible to see the content of the Accordion, because it gets cut off. The Tab Section height is still fixed.

    July 30, 2017 at 6:04 am #831668
    John Torvik

    Hey Grant,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    July 31, 2017 at 1:13 am #831926
    gocreative

    See link herein. Steps to reproduce:

    1. Click on Tab 2 or Tab 3.
    2. Click on Tab 1.
    3. Expand the last toggle in Tab 1.

    You’ll see that the tab height stays the same, so the content of the toggle is never visible. Tested in Firefox and Chrome.

    August 3, 2017 at 5:45 pm #833965
    Günter

    Hi,

    Thank you for using our theme and reporting this bug.

    I could reproduce it on my local install and will have a look into it to find a solution.

    As soon as I have a fix I will let you know, but give us a little time.

    Best regards,
    Günter

    August 6, 2017 at 11:15 am #834999
    Günter

    Hi,

    Thank you for your patience.

    The bug should be fixed with the next update. Meanwhile you have to change a few lines in enfold\js\shortcodes.js:

    1) around line 2955 you find function set_slide_height.

    Look for

    

                                        inner_content.height(old_height);
					inner_content.height(height);

    and replace by

    

               container.find('.av-tab-section-outer-container').css('max-height', height + add_height + 100);
               inner_content.height(old_height);
		inner_content.height(height);

    2) Around line 3020 you find function $.avia_utilities.preload

    Look for

    


      win.on('debouncedresize', set_slide_height);

    Replac this line by

    

     win.on('debouncedresize av-height-change', set_slide_height);

    If you have problems modifying the file please give us FTP access and a temporary WP admin access and we will help you.

    Best regards,
    Günter

    • This reply was modified 7 years, 4 months ago by Günter.
    August 7, 2017 at 3:54 am #835184
    gocreative

    Thanks. I’ve made those changes and it’s fixed the issue. However, now the accordions themselves can’t be collapsed. I can expand each accordion, but the “+” sign doesn’t change to a “-” (to collapse it), and clicking on the accordion title does nothing.

    August 7, 2017 at 11:21 am #835296
    Günter

    Hi,

    Strange – it works on my local install (Enfold 4.1.2, WP 4.8.1).

    Please update to the latest version of Enfold.
    Try to clear server cache if you are using a caching plugin
    Try to clear browser cache and reload the page.
    Try to deactivate all plugins and reactivate one by one and check – might be a plugin conflict.

    If this does not help, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Günter

    • This reply was modified 7 years, 4 months ago by Günter.
    August 31, 2017 at 9:29 am #846150
    gocreative

    We figured out the problem. You provided this code, but it had a typo:

    container.find('.av-tab-section-outer-container').css('max-height', height + add_height + 100);

    The correct code is:

    container.find('.av-tab-section-outer-container').css('max-height', height + old_height + 100);

    Changing “add_height” to “old_height” fixed the issue.

    August 31, 2017 at 12:21 pm #846200
    Günter

    Hi,

    Glad you could fix the issue.

    Enjoy the theme and feel free to come back if you need any further assistance – simply open a new topic.

    Best regards,
    Günter

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Tab Section height doesn't allow for accordions/expanding elements’ is closed to new replies.