Tagged: , , ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • September 3, 2019 at 8:17 pm #1133530
    jnetsc

    Hello!

    I am trying to use the “Tabs Section” Layout Element to show a portfolio grid with a button at the bottom. When you load into the page it shows the initial tab open with the correct spacing between all of the portfolio elements. But when I click on another tab, all of the spacing is far too wide and the portfolio items are falling out of the bounding box and hidden. If I go back to the initial tab it retains the proper spacing.

    This seems like it may be a javascript issue of sorts, but I can’t tell for sure.

    I included a few screenshots to show what is happening as a visual aide.

    Any help with this topic is greatly appreciated!

    Let me know if you need any further information.

    September 4, 2019 at 1:43 pm #1133831
    Rikard

    Hey jnetsc,

    Thanks for the screenshot, please post a link to where we can see the actual element as well.

    Best regards,
    Rikard

    September 6, 2019 at 11:31 pm #1135146
    jnetsc

    Rikard,

    Thanks for getting back to me!

    September 10, 2019 at 8:44 pm #1136762
    Basilis

    Hi,

    Thsi is happening cause of the styling for this type of elements.
    If you need to modify it, you need to modify the CSS of the elements.

    Best regards,
    Basilis

    September 11, 2019 at 2:04 am #1136843
    jnetsc

    Basilis,

    Thanks for the info.
    Could you point me to a specific styling? Everything I am messing with doesn’t fix the issue.

    Also, if it was a styling issue then why isn’t the first tab being affected? Why would it only be the subsequent tabs?

    If I reload the page with a tab open I don’t get that issue with that tab, but it does replicate onto the first one. To me that says it has something to do with page load

    I have some custom styling added to the grid-entry class, but I did turn that off (emptied the cache) reloaded the page and it didn’t affect anything.

    • This reply was modified 5 years, 3 months ago by jnetsc.
    September 13, 2019 at 9:32 pm #1138197
    jnetsc

    I found an alternate solution.

    Thanks for the time!

    Have a good one

    September 16, 2019 at 3:03 pm #1138833
    Victoria

    Hi jnetsc,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 8, 2020 at 8:40 pm #1228991
    albertgarduno

    Hi, I have a similar issue to the one that jnetsc was describing. I am using the “Tabs section” and first time you click on a portfolio category, suddenly all the portfolio moves down. Then, if you change to another tab, everything goes back in place. Could you please help me solve this issue? Thanks in advance.

    July 9, 2020 at 9:53 am #1229088
    Nikko

    Hi albertgarduno,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    July 9, 2020 at 10:09 am #1229090
    albertgarduno
    This reply has been marked as private.
    July 9, 2020 at 1:28 pm #1229141
    Nikko

    Hi albertgarduno,

    I have changed the Content Height of the Tab Section to Auto adjust to content
    It should not fall down in the middle, let us know your feedback.

    Best regards,
    Nikko

    July 9, 2020 at 3:57 pm #1229204
    albertgarduno
    This reply has been marked as private.
    July 11, 2020 at 4:52 am #1229525
    Nikko

    Hi Albert,

    I see, thanks for the video.
    I have set it back to Same height for all tabs and in your Quick CSS, I have added this CSS code:

    #top .av-layout-tab {
    vertical-align: top !important;
}

    Best regards,
    Nikko

    July 13, 2020 at 9:30 am #1229880
    albertgarduno
    This reply has been marked as private.
    July 13, 2020 at 11:20 am #1229905
    Nikko

    Hi Albert,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Portfolio Grid Shortcode Inside "Tabs Section" Not Working as Expected’ is closed to new replies.