Skt_Hotel Responsive not working to HD screens

[luisrotelli]

Hello,
I am using Hotel theme (paid version) and while the responsive design do work for tablets and mobile phones, it does not work to screens bigger than 1100px wide. Only slider and banner stretches to full width. The container section of the page remains 1100px.

I would like to use most of the width of a full HD monitor (1980px widht) to view wide tables and forms (a front end to a database). A responsive design up to 1980px, always leaving an elegant left and right margin (90px each side, for example, if the computer has a monitor screen of 1440px or 1980px width).

By the way, the documentation says the Hotel theme has a “Page-Full Width” model but it has only “Blog-Full Width”. The page models available are: Standard (default), No Sidebar, Right Sidebar, Left Sidebar and Contact Us.

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Dave

[luisrotelli]

Dear Dave,
The website is in construction yet. It was not published. But this problem I speak can be easily observed in our own demo of SKT_Hotel theme also called “Stay Here”.
Test it with monitor 1280px and then with a 1440px or a 1980px and you will see that the container is limited to 1100px wide.
Best regards,
Luis Orlando

[Sonl Sinha]

Hi,

Okay, can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Dave

[luisrotelli]

Hi Dave,
This link shows the image of Hotel Theme in a 1280×1024 Monitor:
https://imgur.com/hfpTvzr

The next link shows the image of Hotel Theme in a 1440×900 Monitor:
https://imgur.com/scYDWE3

Download both and measure the width of Comfortable Rooms Section from the left of the first picture to the right of the last picture and you will get the same result: 1100px

If you try in a FullHD monitor, you will get the same result.
So, the theme is not responsive to monitors with resolutions of 1440×900 or 1920×1080 or 4K.

I would like that the theme could have a responsive design up to FullHD (1920×1080) at least.
Could you fix this issue? My CSS knowledge is really quite small, but I think if you use relative units, like viewport units (vw and vh) and @media to bigger resolutions you can handle all the situations.

Best Regards,
Luis Orlando

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.container { width:96%;}

Regards,
Dave

[luisrotelli]

Thanks. That worked out.

[Sonl Sinha]

Hi luisrotelli,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/11/

Regards,
Dave

[Author]

Posts