Tour section mobile version

[djbram1]

Oke great! When do i hear from him?

Thanks!

[Kyle – SUPPORT]

Can you clear all previous css used if it did not fix the issue, then I’ll check it

– Kyle

[djbram1]

I have deleted all the CSS now. At the screenshots you see the problem, if i change the screen to mobile (even on a mobile phone) the text that have to be next to the tabs jumps under the taps.

Thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Try adding this to your custom css:

.spb_tour .tab-content {
  float: right;
  padding-left: 0 !important;
  width: 66%;
}

– Kyle

[djbram1]

Yes, the lining is good now. But i can’t click on the tabs or the button in the text..

[djbram1]

Is there al solution already? I can’t click on the tabs.. The lining is fine!

[David Martin – Support]

Please add this also:

.spb_tour .nav-tabs {
    position: relative;
    z-index: 100;
}

Thanks.

[djbram1]

I hoped the problem was solves, but its not. Now i can’t click on the buttons in the tabs..

See screenshot.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please also add:

.spb_tour a.sf-button {
    position: relative;
    z-index: 101;
}

Thanks.

[djbram1]

I have this in my custom css:

.spb_tour .tab-content {
float: right;
padding-left: 0 !important;
width: 66%;
}
.spb_tour .nav-tabs {
position: relative;
z-index: 100;
}
.spb_tour a.sf-button {
position: relative;
z-index: 101;
}

But i still cant click on the button.

[Rui Guerreiro – SUPPORT]

can you try to purge the cache from the cache plugin? And also the browser cache.

-Rui