Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #893517

    Hello. Please see page in private area.

    On that page, the very first color section (‘Your Satisfaction…’), is set to hide on screens below 768px. You will see that that section has 5 columns of icon boxes.

    I cloned that same section, setting it to hide on screens above 767px. Within the section I have 3 columns of icon boxes.

    When the screen breaks at 767px, ALL of the icon boxes line up in a single, centered column.

    I need the 2nd section to respect the config, which it’s not doing.

    Thank you,
    Ryan

    #893598

    Hi Ryan,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #893726

    Thanks!

    #894767

    Hi Ryan,

    Section av_section_2 is shown on desktop and av_section_3 is shown on mobile. Works as is supposed to, on my end. Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    #894778

    It’s not caching. At 767px and below, I need the 3 rows of icon boxes to show. Right now, it’s showing only 1 icon box per row.

    #894779

    Image attached

    #895613

    Hi,

    Please add a unique class attribute to the icons’ column (ex. “mob-icons”) then use this css code.

    @media only screen and (max-width: 768px) {
        .responsive #top .mob-icons {
            width: 32%;
            float: left;
            margin-left: 1%;
        }
    }

    Adjust or extend as needed.

    Best regards,
    Ismael

    #895686

    Good to go, thank you!

    #896021

    Hi,

    No problem. Please let us know if you need anything else. :)

    Best regards,
    Ismael

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Mobile Breaks Not Working’ is closed to new replies.