Tabs always on top

How can set tabs on top for small desktop and desktop?
Right now tabs always move left?
I want tabs to centre on top for all devices.
Is it this part of css (./gk_quark/css/small.desktop.css) ?:

Code: Select all

.transparent-tabs .gkTabsNav {
    left: 0;
    padding: 10px !important;
    transform: none;
    width: 100%;
}

Thanks,

Pascal

Hi

It's super hard to do this without seeing changes, but lets try.

Code: Select all

.transparent-tabs .gkTabsNav {
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.transparent-tabs .gkTabsNav li {
    display: inline-block;
    margin: 5px;
    width: auto;
}


Hi, almost right!
I'll try to put it online asap.
All good, except it's not centered on wide screen.
Thanks for your help.

Regards,

Pascal

Hi

Ok. Let me know when I'll be able to see it. I bet it only need some small correction for desktop view.