Avada Forums Community Forum Issue with Toggles layout on mobile since update to 7.4.1.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • worldviewer
    Participant
    Post count: 6

    Since recent update to 7.4.1 the Toggles layout is not correct on mobile anymore. (I updated from 7.3.1 where there was no issues)

    Screenshot: https://ibb.co/mGr3Zbj

    Please see live example here: https://www.guide-usa.dk/ where the 4 Toggles in the middle of the screen no longer stack on top of each other on small screens.

    Thanks.

    worldviewer
    Participant
    Post count: 6

    Sorry – by mistake I wrote Toggles issue – I meant of course issues with Content Boxes.

    Screenshot and example link are correct though.

    DebbieHopwood
    Participant
    Post count: 1

    I think it’s something to do with PHP, if you have a solution would you mind letting me know as I too have the same problems. I restored an old back up, while I try to figure out a solution.

    Metro
    Participant
    Post count: 116

    You have to change the column size (content boxes) to 1/2 instead of 1/4 on mobile/small screen.

    marklchaves
    Participant
    Post count: 873

    Hi @worldviewer,

    Just my 2 cents for what it’s worth.

    If you don’t want to mess with your settings, you can use custom CSS like the below.

    
    /** Mobile first. */
    .col-sm-3 {
      width: 100%;
    }
    
    /** Wider displays */
    @media (min-width: 1024px) {
      .col-sm-3 {
        width: 25%;
      }
    }
    

    Just add the CSS to the pages you want to fix since it will affect all .col-sm-3. This will also fix the same issue I’m seeing in the footer.

    Results

    Content boxes: https://share.getcloudapp.com/nOuPRAe4

    Footer: https://share.getcloudapp.com/E0uAgDzx

    ESD112
    Participant
    Post count: 3

    I’m seeing the same issue with the latest update. It affects all elements where columns are set in the element including: counter boxes, content boxes, flip boxes. These are no longer stacking on mobile.

    ESD112
    Participant
    Post count: 3

    @worldviewer If it’s helpful to you, support responded to my ticket with a “solution” that worked.

    Can you please check what is this option inside the Performance setting is saved to => https://share.getcloudapp.com/6qurGDX6
    Please try setting it to OFF.

    Luke
    Participant
    Post count: 2

    Hello @esd112, your image has exceed it’s view limit. Could you please advise which setting they suggested turning to Off?

    David Traens
    Participant
    Post count: 1

    Same Problem for us… some elements are not stacking on mobile:
    https://treffpunkt-ausbildung.com/ (Scroll down to counter boxes)

    GG
    Participant
    Post count: 4

    Same issue here with flip box. They look perfect on desktop but appear completely squeezed with txt overflowing on mobile. Any solution?

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.