800px width issue

Home › Forums › Jevelin Theme › 800px width issue

Home › Forums › Jevelin Theme › 800px width issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • TeamQ14
    Participant

    Hi,

     

    When I visit any Jevelin website (and mine) at a … x 800px resolution, it creates enormous big gaps between the columns. This only occurs at exactly 800px width, everything is fine at 799px or 801px.

    Unfortunately a lot of Tablets use 800px width as Portrait width, what makes this view almost impossible to watch.

     

    A fix would be great. Keep up the good work!

    Shufflehound Support
    Moderator

    Hi @TeamQ14,

     

    Sorry to hear of the problem you are having.

     

    Could you please share me the page URL from your site where it is not displaying correctly and also share the screenshot of the issue so that i can troubleshoot it?

    Best regards,
    Shufflehound team

    TeamQ14
    Participant

    Hi,

     

    I made three screenshots of the Home Basic theme (https://jevelin.shufflehound.com/), where the big gaps occur at 800px width when looking at the Icon Boxes.

     

    I hope this will help you to understand my issue.

     

    Best Regards,

    Mark

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    You can resolve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 801px){
#page-container .sh-column {
    height: auto !important;
}
}

    TeamQ14
    Participant

    Works great.

    Thanks you very much!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)