Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • June 2, 2021 at 12:39 pm #1303576
    aph80

    Hi,

    on mobile the arrows in my tab section show in a weird way. I would like to remove them on the entire website but I would have a couple 100 pages to edit. Could you provide a code to remove them globally?

    Thank you!

    June 3, 2021 at 4:47 pm #1303826
    Nikko

    Hi aph80,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top .av-tab-section-container .av-tab-arrow-container {
    display: none;
}

    Best regards,
    Nikko

    June 4, 2021 at 11:09 am #1303984
    aph80

    Hi Nikko,

    thank you for the code! Unfortunately it doesn´t change things on my end. I attach screenshots of the issue for you. On the mobile screenshots you see the little orange text over the tab section which should not be there. On the other screenshot you see the tab section option set to “display arrows”. If I change that to “not display arrows” the orange text is gone. I would just need a code that does the same for all tab sections.

    Best regards,

    Arkadi

    June 4, 2021 at 3:36 pm #1304076
    Nikko

    Hi Arkadi,

    Can you give us a link to the page? so we can inspect it.
    Just post the link in private content.

    Best regards,
    Nikko

    June 4, 2021 at 7:53 pm #1304136
    aph80

    Yes, sure. Thank you!

    June 5, 2021 at 3:02 pm #1304208
    Nikko

    Hi aph80,

    Thanks for providing the link, however, I can’t seem to find the tab section or area shown in the screenshot, please check.

    Best regards,
    Nikko

    June 10, 2021 at 1:39 pm #1305077
    aph80

    Sorry for the late response. I send you a couple of pages which include tab sections and the bug I mentioned in private content.

    June 10, 2021 at 3:41 pm #1305100
    Nikko

    Hi aph80,

    Thanks for giving us the link.
    I tried to compare it and on my local installation and it seems to be missing some css.
    Can you try to disable CSS file merging and compression in Enfold > Performance and clear cache?
    If you have some minification plugin, please also disable it temporarily.

    Best regards,
    Nikko

    June 11, 2021 at 12:54 pm #1305259
    aph80

    Hi Nikko,

    thank you for looking into it. Enfold CSS file merging and compression is deactivated. We use WP Rocket for that. But deactivating the plugin and clearing cache doesn´t change anything. Any other ideas?

    Best regards

    Arkadi

    June 12, 2021 at 7:38 am #1305384
    Nikko

    Hi Arkadi,

    Can you try to flush out the cache and temporarily disable caching?
    If I inspect your code it seems to be missing some of the necessary CSS, an example is a screenshot in private content.
    I was actually looking for this specifically on your site, which I could not find:

    #top .avia-slideshow-arrows a {
   // some properties
}

    At the moment, your site is fetching this CSS (link in private content).

    Best regards,
    Nikko

    June 12, 2021 at 12:17 pm #1305400
    aph80

    Hi Nikko,

    I cleared WP Rocket cache, disabled the plugin and then cleared mobile browser cache a couple of times. This does not change anything on the front end.

    The code you provided is still active in quick css:

    #top .av-tab-section-container .av-tab-arrow-container {
    display: none;
    }

    Can we maybe target the arrows in a different way to get rid of them? I already tried adding !important but that doesn´t help.

    Best regards

    Arkadi

    June 14, 2021 at 5:18 am #1305497
    Nikko

    Hi Arkadi,

    Can you try adding this CSS code:

    #top .av-tab-above-content .av-tabsection-arrow {
    display: none;
}

    Best regards,
    Nikko

    June 14, 2021 at 11:43 am #1305572
    aph80

    Yes, that works! Great, thank you.

    Best regards

    Arkadi

    June 15, 2021 at 1:12 am #1305690
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    June 24, 2021 at 11:36 am #1307292
    aph80

    Hi Jordan,

    this topic can be closed, thank you.

    Best regards

    Arkadi

    June 25, 2021 at 5:58 am #1307382
    Rikard

    Hi Arkadi,

    Thanks for letting us know, 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 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Remove arrows from tab section’ is closed to new replies.