Docs

[Cosawes]

Hi there,
Would be grateful for some advice on disappearing accordion tabs when viewing on mobile or portrait tablet for the two pages below:
http://cosawes.co.uk/grannys-farmhouse/
http://cosawes.co.uk/aunt-fredas/

They’re all there when viewing on desk or laptop but vanish when you go smaller. Am wondering if maybe the images contained on the missing tabs is too big and therefore preventing the tab from appearing. In which case what is the ideal image dimension for such a use within an accordion?
Many T I A

[Rupok]

Hi there,

It seems same on both desktop on mobile on my end. So not sure what you are facing. Would you clarify a bit?

Cheers!

[Cosawes]

Pictures attached

[Cosawes]

Attached full screen

[Thai]

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
.x-column.x-sm {
    float: left;
}
}

Hope it helps 🙂

[Cosawes]

Thanks for the try but that doesn’t solve it. I attach four screen shots which show that depending on the responsive screen width the accordion displays a varying number of tabs and at one point disappears completely!
Regards,
TIA

[Joao]

Hi There,

I could replicate the issue on my end.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[Cosawes]

This reply has been marked as private.

[Rad]

Hi there,

They are being covered by the slider and raw content has 0 height. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media (max-width: 767px) {
.x-column.x-sm {
clear: both !important;
}
}

Thanks!

[Cosawes]

Perfect!
Thank you so much.
X theme rocks!

[Nabeel A]

Glad we could help 🙂

Cheers!

[Author]

Posts