Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • August 14, 2018 at 3:51 pm #997142
    amanda-mdllc

    Good Morning,
    We are using your theme and have come across an issue with the tabs element on mobile/tablet view. When the website goes mobile responsive and is activated the open Faculty Bio area opens below the row of tabs. I need to have this be the z-index of the very top. How do I go about that?

    There are 4 tabs per row.

    Thanks!
    ~Amanda

    August 15, 2018 at 6:03 am #997427
    Rikard

    Hi Amanda,

    Thanks for the link, though I can’t see a tab element on the page you linked to, where can we see the actual problem? Maybe you could post a screenshot of the problem as well?

    Best regards,
    Rikard

    August 15, 2018 at 3:19 pm #997573
    amanda-mdllc

    The problem only is in mobile – tablet view. The active tab when it is opened gets dropped below the 2nd row of tabs. Here is the link to view the screenshot: https://drive.google.com/open?id=1XK8FxpGT_y83XfwIvS3wCCj7uSeglXX_

    If you open the link I sent for the website on a tablet or use the web developer inspector to view it you will see what I am talking about.

    ~Amanda

    August 17, 2018 at 7:22 am #998297
    Ismael

    Hi,

    Thank you for the update.

    Use these css codes to make the columns stack on top of each other, just like it does on phone view.

    @media only screen and (max-width: 1024px) {
.responsive .tabcontainer .tab_content, .responsive .tabcontainer .tab {
width: 100%;
max-width: 100%;
border-left: none;
border-right: 0;
left: 0;
top: 0;
min-height: 0!important;
}

.responsive .top_tab .tab.fullsize-tab {
margin-bottom: 0px;
display: block;
}

.responsive .tabcontainer .tab_titles {
display: none;
}

.responsive .tabcontainer {
border-width: 1px;
border-style: solid;
border-top: none;
overflow: hidden;
}
}

    Best regards,
    Ismael

    August 17, 2018 at 8:14 pm #998573
    amanda-mdllc

    Happy Friday Ismael!

    Thanks so much that helped a bunch and we are SO CLOSE!! Is there a way to keep them at the 2×2 https://drive.google.com/open?id=1gqbe22yAca_XisSHyQq0Jj-jt_f8QzNJ

    Right now the way it’s working is when you click the 1st tab the 2nd tab vanishes. Can we have it where its 2×2 so the tabs do not jump down the page when they are activated? https://drive.google.com/open?id=1qgKv3iWh2X99eqpuyt671lBiRaO9zqtd

    Thanks so much in advance for your help :)
    ~Amanda

    August 20, 2018 at 11:20 am #999300
    Vinay

    Hi,

    Please make the google drive links public so other mods can see if necessary to help you. You can share the link in private so only mods can view it.

    Best regards,
    Vinay

    August 20, 2018 at 3:18 pm #999409
    amanda-mdllc

    Good Morning
    I made the link available for you.

    Thanks again!
    ~Amanda

    August 21, 2018 at 10:29 am #999729
    Victoria

    Hi amanda-mdllc,

    I was not able to see the content of the links. Did you not make it public?

    Best regards,
    Victoria

    August 21, 2018 at 3:59 pm #999872
    amanda-mdllc

    That’s odd. I did make it public but here is a different route, I used dropbox instead of GoogleDrive : https://www.dropbox.com/sh/423bw356d2wobvq/AADHE1KPIGep3aGayu7ro5lka?dl=0

    Here is the request again:
    Is there a way to keep the faculty tabs at 2×2 for tablet? Right now the way it’s working is when you click the 1st tab the 2nd tab vanishes. Can we have it where it’s 2×2 at all times so the tabs do not jump down the page when they are activated?

    This is only an issue on tablet responsive.

    Thanks so much!
    ~Amanda

    August 26, 2018 at 1:47 pm #1001870
    Günter

    Hi,

    I’m getting a 404 page not found with the link above. Can you please check the page?

    Best regards,
    Günter

    August 27, 2018 at 4:21 pm #1002346
    amanda-mdllc

    Not sure why you are getting the error the site is working fine!
    We are going live with this tomorrow so I would love so much if we had a solution for the tabs on mobile.

    Thanks in advance!
    ~Amanda

    August 27, 2018 at 4:46 pm #1002368
    amanda-mdllc

    Morning :)

    I see someone is working on this (Victoria). I just wanted you to have the most recent request & screenshots.
    Dropbox: https://www.dropbox.com/sh/423bw356d2wobvq/AADHE1KPIGep3aGayu7ro5lka?dl=0

    Here is the request again:
    Is there a way to keep the faculty tabs at 2×2 for tablet? Right now the way it’s working is when you click the 1st tab the 2nd tab vanishes. Can we have it where it’s 2×2 at all times so the tabs do not jump down the page when they are activated?

    This is only an issue on tablet responsive.

    August 29, 2018 at 3:06 am #1002941
    Ismael

    Hi,

    Thanks for the update.

    Unfortunately, that’s not possible because the title and the content of each tab is inside a single container unlike on desktop where the tab title and tab content are on a separate container. You have to set each tab to stack on top of each other just like it does on phone view.

    Best regards,
    Ismael

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