→→ Please check out our new WP Theme: Navian - Responsive Multi-Purpose WordPress Theme ←←
- In case you can't login to submit a ticket, please hard refresh the browser and try again.
If the problem persists, please submit your questions via THEMELOGI profile page instead.
- To update the theme or plugins, please have a look at Theme & Plugin Updates, and here is the Bundled Plugin License information.
- If you couldn't import demo content or you got the message "Failed to import", please see our FAQs page. Thank you :)

Tickets Tickets Wanium View on laptop

  • This topic has 6 replies, 2 voices, and was last updated 1 year ago by Danny.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #7834

    Hi. When our website is viewed on a laptop the layout is distorted:
    https://ibb.co/6XKL2KS
    All other devices are fine.
    Please can you let me know how to fix this issue.
    Thank you.

    #7854
    Danny
    Supporter

    Hi there,

    Thanks for writing in!

    About this issue, please share us the admin account of your site via private reply so we can investigate your case and help you out. Also, please point to specific page where we can see the problem.

    Best regards,
    Danny

    #7863

    error

    #7865
    This reply has been marked as private.
    #7866
    Danny
    Supporter

    Hi there,

    Thanks for your info!

    The problem was caused by there are too much text content compared to the height of images. In this case, I recommend you to reduce the text content, and keep it short as possible.

    So to resolve this issue, we’ve added some custom CSS code to reduce the text size & spacing in in a laptop with small screen size) into your Dashboard > Appearances > Customize > Addition CSS:

    @media (max-width: 1500px) {
    .image-half p {margin-bottom: 5px;font-size: 13px;}
    .image-half .widgettitle {font-size: 22px;line-height: 30px;}
    .image-half .mt24 {margin-top: 0px;}
    .image-half blockquote {padding: 8px!important;}
    .image-half blockquote:before {margin-bottom: 5px;line-height: 60px;}
    }

    Hope this helps,
    Danny

    #7898

    Hi Danny

    There is still an issue with how our website is viewed on a small laptop screen:

    https://ibb.co/Tmr2H0Q

    The page in question is: https://skillsarena.com/recruiting-employees/

    Please can you help.

    Thank you
    Denise

    #7900
    Danny
    Supporter

    Hi there,

    Thanks for your info!

    I’ve changed the code into this, please check your site again.

    @media (max-width: 1500px) {
    .image-half p {margin-bottom: 5px!important;font-size: 13px!important;}
    .image-half .widgettitle {font-size: 22px!important;line-height: 30px!important;}
    .image-half .mt24 {margin-top: 0px!important;}
    .image-half blockquote {padding: 8px!important;}
    .image-half blockquote:before {margin-bottom: 5px!important;line-height: 60px!important;}
    }

    Hope this helps,
    Danny

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.