![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
June 5, 2020 at 11:52 am #1219755
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,
LarsJune 7, 2020 at 7:00 pm #1220227Hey 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,
VictoriaJune 8, 2020 at 10:54 am #1220429Hey 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?
-
This reply was modified 4 years, 3 months ago by
irxcommunicatie.
June 8, 2020 at 8:59 pm #1220640Hi irxcommunicatie,
Could you please attach some screenshots of the issue?
Best regards,
VictoriaJune 9, 2020 at 8:57 am #1220762Hi Victoria,
Yes, see attached. I have also added two links to the website.
Thank you in advance.
Kind Regards,
LarsJune 10, 2020 at 8:09 pm #1221367Hi 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,
VictoriaJune 12, 2020 at 4:11 pm #1222116Hi Victoria,
Yes, thank you!
Kind Regards,
LarsJune 15, 2020 at 3:46 pm #1222689Hi 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,
VictoriaJune 19, 2020 at 1:08 pm #1224047Hi Victoria,
It works! thank you :)
Kind Regards,
LarsJune 19, 2020 at 8:40 pm #1224154Hi Lars,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaJuly 15, 2020 at 1:33 pm #1230595Hi 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,
LarsJuly 15, 2020 at 2:55 pm #1230612I added arrows to the tab section. Everything works good now.
July 15, 2020 at 9:30 pm #1230739Hi irxcommunicatie,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
This reply was modified 4 years, 3 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.