Mobile Optimisation

Home › Forums › Jevelin Theme › Mobile Optimisation

Home › Forums › Jevelin Theme › Mobile Optimisation

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

  • keirans
    Participant

    Hi, i am really enjoying the Jevelin theme.

    However i would really like to know how i can make it scaleable.

    It looks brilliant full screen on my imac, but when you resize the the screen size, it just doesnt look great.

     

    I have attached some images.

    Thank you

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

    keirans
    Participant

    And on a mobile, really odd

    Thanks

    Shufflehound
    Moderator

    Hello,

     

    Thank you for reaching out and for your kind words about the Jevelin theme! 🙂

     

    To help you with the scaling issue, could you please share a link to your website? This will allow us to take a closer look at the specific areas that are not displaying well on smaller screens.

     

    If you are using Slider Revolution or custom content blocks, you may need to adjust the settings specifically for mobile devices. Our pre-built demos already include optimized responsive settings, so we recommend using those as a base and customizing from there. However, if you’ve created custom content, manual adjustments to responsive settings may be necessary to achieve the best appearance across all screen sizes.

     

    Best regards,
    Shufflehound team

    keirans
    Participant

    Hi, the website address is:

    digitalmediabros.co.uk

    Hopefully you will respond a little quicker than 14 days…

     

    Thanks

    Keiran

    Shufflehound
    Moderator

    Hello,

     

    Thank you for your patience and for providing the website link.

     

    It looks like the custom CSS modifications are causing the scaling issues on different screen sizes. Specifically, the following custom script seems to be affecting the layout on tablets and laptops:

    #content .wpb-content-wrapper {
   display: inline-block;
   -webkit-transform: translatex(12px) translatey(-38px);
   -ms-transform: translatex(12px) translatey(-38px);
   transform: translatex(12px) translatey(-38px);
}

    For mobile devices, there might be additional custom CSS impacting the layout. Since this is related to custom changes, it falls outside of our scope of support. However, I recommend reviewing the custom CSS and testing it across different devices to identify the specific changes needed.

     

    Let us know if you need further assistance, and we’ll do our best to guide you!

     

    Best regards,
    Shufflehound team

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