• Resolved Johann Schr?der

    (@vanagrahana)


    Hello Qubely-Team.

    I want to point out that many widgets in your plugin is poorly optimized for mobile devices. Please check my page down below where I use the “Media+Text” widget to show my 3 different products. In mobile it looks like nothing ever was optimized to display it under each other than squeezed together.

    Can you please check your css and optimize your widgets for mobile? Otherwise I would deinstall your plugin because I don’t have time to optimize it all myself. It also breaks the overflow of the page so that you can scroll to the right on mobile. Please fix these bugs which you can see live on my page https://www.aho.bio.

    Best regards
    Johann Schr?der

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi Johann,

    I have checked your site earlier. You have the “Media+Text” widget inside the Qubely Row. We don’t have any control over “Media+Text” widget since we haven’t developed that.

    In this case, you can do the same thing by following these steps:

    1. Add a Row of two columns.
    2. Add image or media on the first.
    3. Add text using the Advanced Text or Text block.

    I have created a video for you: https://screencast.com/t/SQmbheqz. Hope it will help you.

    Let me know if you need more help.

    Regards,
    Mehedi

    Thread Starter Johann Schr?der

    (@vanagrahana)

    Hi Mehedi.

    Thank you for your amazingly fast response!

    I think you got it right I confused the Media+Text as a Qubely Element but it is a Gutenberg Standard Element.

    Now I did try to do it as you showed me but I get no columns on the frontend. It’s display under each other.
    https://aho.bio/

    Best regards
    Johann

    Thread Starter Johann Schr?der

    (@vanagrahana)

    It seems like there’s a problem with the paddings:

    If I remove this the columns are next to each other but without padding.

    .qubely-block-f240e4 .qubely-row > .qubely-column {
    /* padding-left: calc(30px/2); */
    /* padding-right: calc(30px/2); */
    }

    You don’t need to delete the column padding. Apply following CSS on Appearance > Customize > Additional CSS.

    *, *:before, *:after {
        box-sizing: border-box;
    }

    Hopefully, it’ll work for you. If you are happy with our product and support, I would request you to share your thoughts on the reviews section. Here is the link to post a review- https://www.ads-software.com/support/plugin/qubely/reviews/#new-post

    Thread Starter Johann Schr?der

    (@vanagrahana)

    Wow! You are a big help! Thumbs up for a very good support of Qubely!

    Thank you so much.

    Best regards
    Johann

    You are welcome. Hope you will leave a review for Qubely soon.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Poorly optimized for mobile’ is closed to new replies.