Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • May 19, 2021 at 12:15 pm #1301181
    buttercup1306

    hi!
    i use a tab section to display my offers. when trying to enlarge the captions, i found a quick-css in the forum. this also worked, i could enlarge the font. unfortunately, this has increased the distance of the tab image 1 (ACHTSAMKEIT), to the others and the text is not centered, which of course does not look nice. can you please help me?
    thank you very much and greetings,
    martin

    May 21, 2021 at 5:08 am #1301506
    Rikard

    Hey martin,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-tab-section-image {
    width: 110px;
    height: 110px;
}

    Best regards,
    Rikard

    May 21, 2021 at 7:59 am #1301537
    buttercup1306

    thank you rikard, that works well.
    i have another question/bigger problem: some areas of my site are not responsive on mobile, e.g. the accordion slider on the frontpage. and especially the texts of the tab-section we just fixed. these are two main elements of my site, is there another way to solve this or do i have to rebuild the site?
    best regards,
    martin

    May 22, 2021 at 5:46 am #1301732
    Rikard

    Hi Martin,

    Your site is in maintenance mode, so we can’t view it. Please post admin WordPress login details in private, so that we can access it. Also please post screenshots of the problems you are seeing, and let us know what you would like to change.

    Best regards,
    Rikard

    May 22, 2021 at 8:37 am #1301737
    buttercup1306

    hello rikard,
    thank you for your answer!
    the page is now online and the access data in the appendix.
    the screenshots from my iphone11, you can find directly on the website under media. i have not figured out how to upload pictures here.
    thanks for your help and have a nice day!
    martin

    May 22, 2021 at 10:14 am #1301742
    buttercup1306

    hi rikard, another problem is that the subtitles of the middle three tab sections (under the image) are not centered. i have also uploaded a screenshot in “media” directly to the page for this.
    thank you! best regards,
    martin

    May 24, 2021 at 6:20 am #1301911
    Rikard

    Hi Martin,

    Thanks for that. Please try this CSS as well for the Tab Section:

    .av-tab-with-image .av-inner-tab-title {
    width: 100% !important;
    text-align: center !important;
}

.avia-tab-title-padding-default .av-outer-tab-title {
    display: flex !important;
    text-align: center !important;
}

    And this for the Accordion:

    @media only screen and (max-width: 767px) {
#top .aviaccordion-preview-title h3 {
    font-size: 12px !important;
    word-break: break-all;
}
.aviaccordion-excerpt p {
    font-size: 12px !important;
}
}

    Best regards,
    Rikard

    May 24, 2021 at 4:12 pm #1302045
    buttercup1306

    hi rikard,
    thanks the first problems are solved, the accordeon is now displayed readable on the iphone and the font under the pictures is centered.
    but the text in the tab-section is not readable on the iphone, see screenshots: https://www.martinleitner.at/wp-admin/upload.php (you can find directly on the website under media).
    is there also a solution for this?
    thanks for your help and best regards,
    martin

    May 26, 2021 at 5:15 am #1302344
    Rikard

    Hi Martin,

    Thanks for the screenshot. Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.js_active .av-layout-tab {
    display: block !important;
}
}

    Best regards,
    Rikard

    May 26, 2021 at 9:13 am #1302379
    buttercup1306

    hir ricard,
    thnaks for your help!
    unfortunately, this does not work. my iphone now shows the entire text on the first tab, including the other tabs text. the other tabs do not show any text. do you have any ideas?
    is there theoretically a possibility to build own pages for the responsive display, which you only see on mobile?
    thank you and best regards,
    martin

    May 28, 2021 at 4:30 am #1302737
    Rikard

    Hi Martin,

    Thanks for the the update, and sorry for the problem. I can’t see what is going wrong with the Tab Section on mobile unfortunately, and I can’t reproduce the problem on a local installation. You can hide the element in question for mobile in the element options, under Advanced->Responsive if like. Then you can build a different layout for mobile, and hide that for desktop using the same method. If you want us to keep looking for the problem, then we can do that too.

    Best regards,
    Rikard

    May 28, 2021 at 3:31 pm #1302859
    buttercup1306

    hi rikard, thank you again for your help and thank you also, that you would help even further – thats great! :)
    i have now solved it differently, that went quickly and easily, now i know a little better with the topic “responsive”. also not bad.
    have a good time!
    best regards,
    martin

    May 29, 2021 at 1:04 am #1302896
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    May 29, 2021 at 9:19 am #1302936
    buttercup1306

    hi,
    thank you, you can close.
    best regards,
    martin

    May 31, 2021 at 8:55 am #1303115
    Rikard

    Hi Martin,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Tab Section problems’ is closed to new replies.