Missing Content White page background on Narrow screen foremats

[lorenhoboy]

When using a full screen , this page displays fine.
https://encantovacationsllc.com/accommodation/e703-encanto-living-3-bedroom-4-bath-2/
But when viewing on a narrow screen format or mobile phone, the white background behind the text content disappears.

I am using the Motopress Hotel Booking plugin, which your associate recommended. It creates its own pages, like this one, which are seemingly not accessible to your editor or even the Wordpress editor.

Can you suggest a solution to keep the white background in the narrower formats?
Thank you.

[Prasant]

Hello Loren,

Thanks for writing in!

Please add following CSS under Pro > Theme Options > CSS:

@media only screen and (max-width: 600px) {
  .entry-wrap {
    background-color: #fff;
    padding: 10px
}

.x-content-sidebar-active .x-container.main {
    margin: 0 auto;
}
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

@lorenhoboy

I am using the Motopress Hotel Booking plugin, which your associate recommended.

Going forward please note that the plugin support staff suggests is not a official Themeco advice. It’s just a personal input that support staff have shared with you to help you get started. 3rd party plugins may cause some issues and we won’t be able to provide support in that scenario.

Thanks.