Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 6, 2019 at 9:03 am #1116199
    marsh1984

    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

    July 7, 2019 at 9:58 am #1116386
    Victoria

    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

    July 8, 2019 at 10:55 am #1116618
    marsh1984

    Hi Victoria,
    It seems to be the middle tabs in the row of tabs. See this page: http://stage.adoptadefib.org/products/approved-nsw-government-aed-service-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

    July 9, 2019 at 5:45 pm #1117112
    Victoria

    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

    July 10, 2019 at 7:24 am #1117291
    marsh1984

    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

    July 12, 2019 at 12:09 pm #1118042
    Ismael

    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

    July 15, 2019 at 10:34 am #1118724
    marsh1984

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

    July 16, 2019 at 1:12 am #1119002
    Ismael

    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

    July 16, 2019 at 2:17 am #1119015
    marsh1984

    Thank you this is resolved.

    July 16, 2019 at 6:21 pm #1119229
    Victoria

    Hi marsh1984,

    Glad we could help :)

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

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