Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #706685

    Dear supporter,

    How do I make sure that elements display on top instead of next to each other on mobile? Now, my homepage shows elements squeezed together to fit them both on the screen (next to each other). Texts is now hard to read since only one word is on one line.

    I have both 1/2 elements sitting inside a content-section and isolated; not embedded in any other element.

    Thanks in advance for reaching out to me!

    Regards

    Rachel

    #706976

    Hi Rachel,

    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

    #707051

    Dear Rikard,

    Find below the login details.

    Thanks in advance for your support!

    Regards,

    Rachel

    #707562

    Hi Rachel,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
    .home #av_section_3 .av_one_half {
      width:100% !important;
    }
    }

    Best regards,
    Rikard

    #707716

    Dear Rikard,

    Thank you for your input. Unfortunately the quick css does not provides me with a different appearance on mobile devices. Hopefully you can help me with a solution.

    Friendly regards

    Rachel

    #707723

    Dear Rikard,

    Now that I took another look, the element that contains ‘wij hebben een schat aan:’ and than the header rotation, does stack the two 1/2 elements on top of each other now. The elements below this one stil do not appear on top of each other. Also the footer is not user friendly now.

    Regards,

    Rachel

    #708046

    Hi Rachel,

    Sorry about that, please try replacing the code I posted earlier with this:

    @media only screen and (max-width: 767px) {
    .home .av_one_half {
      width:100% !important;
    }
    
    .home #footer .av_one_third {
        margin-left: 0 !important;
        width: 100% !important;
    }
    }

    Best regards,
    Rikard

    #708133

    Great!

    Thank you Rikard, this css code works! Great support!

    Have a nice day,

    Rachel

    #708554

    Hi Rachel,

    Great, glad we could help and sorry for the problems. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

    #713636

    Dear Rikard,

    The problem I had earlier with stacking elements on top of each other now results in a new issue related to this previous issue. Since our .CSS adjustment, now my footer content is displayed on top of each other on desktop. I’m on a mac using chrome as my browser (full screen). The issue appeared also on the windows computer of my friend who is also in chrome.

    Hopefully you can help me make sure that content elements on the home page does stack on top of each other on mobile, but do not on desktop > the should be displayed next to each other.

    Friendly regards and thanks in advance for your help

    Rachel

    #713650

    Hi!

    There was a small error in your media queries. I corrected them. Can you please review your website now and post a screenshot of the issues if they remain?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Cheers!
    Yigit

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

You must be logged in to reply to this topic.