• Resolved drkgrimes

    (@drkgrimes)


    Everything looks great on the desktop. But when switching to a mobile device, the logo, slider, and Top Categories section is all unusable.

    Please advise.

    Deryk

Viewing 5 replies - 1 through 5 (of 5 total)
  • explain, what do you mean with “unusable” ?
    too small?

    Thread Starter drkgrimes

    (@drkgrimes)

    Yes, slider is too small. Pretty much unusable and text unreadable for the slider. My logo is wider, by not alot, than the iCraft logo so it does not show completely.

    Buttons for top categories are missing.

    I love how it looks on the desktop, but rather disappointed after viewing it on the phone.

    My layout is rather simple. Just the slider and below it is a 5 column row of top categories with reasonable sized feature images.

    If there is a remedy please let me know.

    Well, I agree with some of the esthetic issue that you described.
    However the slider’s description is disabled when the resolution is too low.
    I don’t have any issue with the logo, maybe your is too wide. (let me know the right size)
    No issue with categories. (put a before-after image or link the website)

    Thread Starter drkgrimes

    (@drkgrimes)

    Let me update, the categories are fine now. And the logo.

    I was “testing” with just resizing the desktop window, not actually on the phone.

    But a few suggestions would be decrease margins around the text on the slider button. And deactivate or better yet lower the slider slide “dots” to the bottom of the slider.

    Oh, and I was having difficulty with being able to use the cart hover popup on the desktop. Every time I would move the mouse to the hover popup, it would dissappear. But that’s another thread. Thank you for the help.

    To resize a website I suggest to use this tool: https://lab.maltewassermann.com/viewport-resizer/

    Agree with the esthetic issue, we’ll see if the next update will integrate the new features of owlcarousel.js and fix the slider in responsive mode.

    The thing is, a website must to be surfed via pc, give the opportunity to see it on mobile phone is a must today, but can’t give the same user experience has on a desktop.

    For now you can just try to play with the actual js
    For more info: https://www.owlcarousel.owlgraphic.com/demos/responsive.html
    !update the original file first, this is not a user friendly solution; if you don’t know about coding don’t try it!

    edit: about the cart, there is an invisible space where you can move the mouse, this space is straight down the cart icon; if you move the mouse diagonally to the popup box the box disappear because you exit from the cart area.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Trouble with Mobile Layout’ is closed to new replies.