Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1116199

    Hi team,
    This is a followup query to ticket #1108973 https://kriesi.at/support/topic/tab-border-2/

    On Ipad view the tabs still don’t have a border on the bottom see screenshot. https://ibb.co/fYtdZtB

    Advice is appreciated.
    Thanks

    #1116386

    Hey marsh1984,

    The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Victoria

    #1116618

    Hi Victoria,
    It seems to be the middle tabs in the row of tabs. See this page: http://stage.adoptadefib.org/products/ (Purchase code hidden if logged out) -provider/#tab-id-4
    I am viewing this on an Ipad.
    The active tab doesn’t have a bottom border whereas the end tabs do. Can we get the active middle tabs to also have bottom border? Thanks
    https://ibb.co/yYYtPjM

    #1117112

    Hi marsh1984,

    https://cl.ly/28d5c6930737 I am seeing the border at the bottom of the active tab, did you manage to get it working for you?

    Best regards,
    Victoria

    #1117291

    Hi Victoria,
    I changed the full width breakpoint on some pages so that tabs sit on one line but having the border issue still on this page: http://stage.adoptadefib.org/products/defibrillator-accessories/

    Maybe because there are so many tabs…

    here is screenshot: https://ibb.co/CzpRBVX
    Thanks

    #1118042

    Hi,

    Thank you for the update.

    We can’t reproduce the issue on our end. Did you remove the browser history or cache before checking the page?

    Yo should probably consider moving the tab element inside its own column to create more space for the tabs.

    Best regards,
    Ismael

    #1118724

    Thanks how might I change the fullwidth break point to be greater than 989px for those columns?

    #1119002

    Hi,

    You can use this css code to change the fullwidth breakpoint.

    @media only screen and (max-width:1300px) {
    .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
        display: block;
    }
    }
    

    Best regards,
    Ismael

    #1119015

    Thank you this is resolved.

    #1119229

    Hi marsh1984,

    Glad we could help :)

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

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.