Three questions

Hello again,
I need three questions to be solved:

1- The horizontal tabs GK5 hidden out of the screen on mobile phones. What do i have to do in order to see the undertab contain on mobile phones?
http://www3.lanser.es/index.php/lanser/clientes

2- I had added a new table on the html personal module, which doesn't made responsive when its projected on the mobile phone.How can i solve it?
http://www3.lanser.es/index.php/calendario

3- Where can i change the triangle colour situated just before the bubble cite? I can not found how to do so.
http://www3.lanser.es/index.php/en-la-empresa/casos

Thank you for every single answer,
I would also send some images just for you to understand better the questions i spoke before.

Hi

1. I can see a code in override.css file breaking responsive functionality, but if You need it, than just add this to mobile.css

Code: Select all

.gkTabsWrap.horizontal > ol,
.gkTabsWrap.horizontal > ol > li,
.gkTabsWrap.horizontal > .gkTabsContainer {
    display: block;
    height: auto !important;
    vertical-align: top;
    width: 100% !important;
}


2. Add this to override.css:

Code: Select all

#paratabla {
    overflow: scroll;
}


3. And this code to override.css:

Code: Select all

.bubble-2:after {
    border-color: #6ab023 #d9edf7 #d9edf7 transparent;
}


Amazing. Thank you very much for the replies.
Now I just keep having the problem one on the mobile ...
Command screen image to make it look better.
I put the code in mobile.css only
Left in two columns and the text is cut to the left
Will I you can help with this?

Thanks for everything

Hi

Try with this code instead:

Code: Select all

.gkTabsWrap.horizontal > ol li,
.gkTabsWrap.horizontal > ol,
.gkTabsWrap.horizontal > .gkTabsContainer {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    height: auto !important;
    vertical-align: top;
    width: 100% !important;
}


Hello again
There remain two columns me again in the mobile
thank you for your help....

Hi

I cannot understand why it's not working. Try more direct approach:

Code: Select all

#gk-tabs-671 .gkTabsWrap > ol {
    display: block;
    width: 100% !important;
}

#gk-tabs-671 .gkTabsWrap.horizontal ol li {
    float: none !important;
    width: 100%;
}


It is perfect...now works.
Thank you very much for everything...