Shopisle – problem on mobiles

  • systerblom

    (@systerblom)


    5 years, 9 months ago

    I keep receiving a warning from Google that:
    The clickable elements are too close together
    The content is wider than the screen
    From my own investigations it looks ok on Iphone, but not on Android…
    Anyone who can help?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • cristian-ungureanu

    (@cristian-ungureanu)

    5 years, 9 months ago

    Hi @systerblom,

    Can you share your site with me?

    Thread Starter systerblom

    (@systerblom)

    5 years, 9 months ago

    Hi @cristian-ungureanu,

    My site: https://systerblom.se

    I appreciate your help.

    cristian-ungureanu

    (@cristian-ungureanu)

    5 years, 9 months ago

    Hi @systerblom,

    You have a beautiful site. The problem with “The content is wider than the screen” is because of this title “BESTÄLL BEGRAVNINGSBLOMMOR”. “BEGRAVNINGSBLOMMOR” is a really long word. There are 3 solutions for this:
    1. Find a synonym for “BEGRAVNINGSBLOMMOR”, a shorter word
    2. Add this code in Appearance => Customizer => Additional Css
    .module-title{ word-break: break-all; }
    or
    .module-title{ word-break: break-word; }
    This will break longer words like this for the first piece of code http://prntscr.com/lutlgz or like this for the second one http://prntscr.com/lutkwe
    3. Lower the font size by adding this code in Appearance => Customizer => Additional Css

    @media (max-width: 767px) {
.module-title{ font-size: 20px; }
}

@media (max-width: 320px) {
.module-title{ font-size: 16px; }
}

    Let me know if this works!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Shopisle – problem on mobiles’ is closed to new replies.