'Tab Section' responsive mobile problem - Support | Kriesi.at

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 3, 2022 at 1:01 pm #1338677

Murielvillanueva
Participant

Hi Rikard,
According to your email answer, here we leave the new post with the admin details in private. I put the link from the post that’s giving problems. Hope this is enough information.
So this is our web right now:
https://drive.google.com/file/d/18NkEUVx073Kf6kKLFOBbURP30tTCAAjj/view?usp=sharing

Then this is how it is supposed to be seen on a mobile device:
https://drive.google.com/file/d/1Izep_OUQ-GZ9KVnmQZC21d0FfuChje-G/view?usp=sharing

And this is how it actually looks like:
https://drive.google.com/file/d/1Z7h_Hf0vDXkRNeF9LvwSu15dxbu65DqU/view?usp=sharing

Please help us out with this! It feels like broken HTML or something…

Thank you so much,
Muriel

February 3, 2022 at 2:30 pm #1338699

Rikard
Keymaster

Hi Muriel,

Thanks for that. First off, could you try updating the theme to the latest version (4.8.9) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

Best regards,
Rikard

February 4, 2022 at 2:09 pm #1338906

Murielvillanueva
Participant

I can’t see any updates available, I did the token thing and everything but it shows as the latest version available the 4.8.8.1, which I have already. I’ll show you the window that pops up to me.

February 5, 2022 at 4:37 am #1338984

Rikard
Keymaster

Hi,

Thanks for the update, that might be due to the invalid SSL certificate on your site. Please try to install and configure this plugin to see if that works better: https://envato.com/market-plugin/

Best regards,
Rikard

February 7, 2022 at 11:57 am #1339309

Murielvillanueva
Participant

Hi, we already updated with this plugin. What now? Is this an issue that’s going to be easy to repair?
We are wasting a lot of time getting answered by you guys and it’s taking a lot of time of our work journey. We need to solve this as soon as posible.
Thanks

February 8, 2022 at 4:35 am #1339483
Ismael
Moderator
Hi,

Sorry for the delay. It’s not working correctly because the width of the tabs in the tab section element exceed the width of the browser viewport. We are not yet sure sure why that is happening, so for now, you have to use this css code to control the width of the layout tab on mobile view.
```
@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .avia-section-no-padding .av-layout-tab {
    max-width: 99vw;
  }
}
```
Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.