Tagged: , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 5, 2020 at 11:52 am #1219755
    irxcommunicatie

    Hi,

    I’m currently trying to build a productpage which includes a ‘menu’ with different types of products which are clickable and show a short text about the product and some images with a lightbox. Is it possible to create somthing like this? It looks a bit like a portfolio where you filter items.

    Attached a example of how i would like to make it.

    Hope to hear from you soon

    Kind Regards,
    Lars

    June 7, 2020 at 7:00 pm #1220227
    Victoria

    Hey irxcommunicatie,

    Well, you can show products in a grid, masonry or slider. Building this layout will require custom coding or looking for a plugin that has such a layout.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 8, 2020 at 10:54 am #1220429
    irxcommunicatie

    Hey Victoria,

    Thankyou. I think i keep it simple with the tabtitles in the centre and just a header above it. It works fine on the computer but on mobile and tablet the tab titles overlap eachother or go off screen. Is there a way to keep them responsive?

    June 8, 2020 at 8:59 pm #1220640
    Victoria

    Hi irxcommunicatie,

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    June 9, 2020 at 8:57 am #1220762
    irxcommunicatie

    Hi Victoria,

    Yes, see attached. I have also added two links to the website.

    Thank you in advance.

    Kind Regards,
    Lars

    June 10, 2020 at 8:09 pm #1221367
    Victoria

    Hi Lars,

    Yes, this is the correct behavior for the tab section. The only thing that is incorrect is that the last tab title goes to the next line. It should not do that.

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    June 12, 2020 at 4:11 pm #1222116
    irxcommunicatie

    Hi Victoria,

    Yes, thank you!

    Kind Regards,
    Lars

    June 15, 2020 at 3:46 pm #1222689
    Victoria

    Hi irxcommunicatie,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 989px) {
  .js_active .av-tab-section-tab-title-container {
      min-width: 970px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 19, 2020 at 1:08 pm #1224047
    irxcommunicatie

    Hi Victoria,

    It works! thank you :)

    Kind Regards,
    Lars

    June 19, 2020 at 8:40 pm #1224154
    Victoria

    Hi Lars,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

    July 15, 2020 at 1:33 pm #1230595
    irxcommunicatie

    Hi Victoria,

    Is it possible to make have the tabtitles underneath eachother?
    now you see 2 tab titels on mobile and if you swipe you see a new one. This is pretty confusing for others that scroll through the website.

    this are the codes i have now for the tab section:

    .av-inner-tab-title, .av-tab-section-icon, .av-tab-arrow-container, .av-tab-section-image {
    width: auto;
    margin-right: 10px;
    }

    .tab_titles {
    text-align: center !important;
    }

    .tab_titles .tab {
    display: inline-block !important;
    float: none !important;
    }

    Kind Regards,
    Lars

    July 15, 2020 at 2:55 pm #1230612
    irxcommunicatie

    I added arrows to the tab section. Everything works good now.

    July 15, 2020 at 9:30 pm #1230739
    Victoria

    Hi irxcommunicatie,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.