[samuel.otieno59]

I PURCHASED https://babystreet.althemist.com/ installed on WordPress but it is not mobile friendly can you help https://mamabear.sg/

[Althemist]

Hello samuel.otieno59,

Could you please give us more details? Exactly what’s not “mobile friendly”? Please, explain more.

[samuel.otieno59]

I need the website to be compatible with mobile version on the desktop it is okay but on mobile it is different I need css code that can help in managing this https://mamabear.sg/ especially the home page

[Althemist]

I still don’t understand exactly what’s not OK in mobile version. Please, give us more details. This is a responsive/adaptive theme. It can’t display different things depending on the device.

[samuel.otieno59]

the background image at the home page should be displayed in full but as you can see it doe not look the same as the desktop version that is what I need help with

[samuel.otieno59]

kindly help me I have been waiting for your help

[Althemist]

The background can’t be displayed at full as it is a background, not an image and it should always cover the area. If you need to the full image to be displayed, you should use another element – e.g. banner, simple image or a revolution slider.

[samuel.otieno59]

The reason I’m asking this is because the demo page is okay in both mobile and desk top which size should it be?

[Althemist]

The size we use on the demo is 1920×1080, but the images are placed in the center of the slide, so they are always visible.

[samuel.otieno59]

can this change because it is not working for me I have been here requesting your help the homepage is not showing the full details on mobile (NOT MOBILE FRIENDLY CAN YOU HELP ONCE AND FOR ALL)
/* IE11 specific styles */
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .babystreet-product-summary-wrapper div.summary.babystreet-sticky-summary, .portfolio_top div.one_third.last.project-data.babystreet-sticky-summary {
position: relative !important;
top: 0 !important;
}
}
<style>
.left, .right {
float: left;
width: 20%; /* The width is 20%, by default */
}

.main {
float: left;
width: 60%; /* The width is 60%, by default */

[Althemist]

No, that would not help. As I already explained, this is a background, not an actual image. It must always cover the entire area, so it can’t be displayed fully on mobile and it wasn’t meant to be used as a banner. It’s just a decorative background.

[samuel.otieno59]

what should I do to make it responsive and mobile friendly
look at this website on your phone and give me advice as your explanation is not helping https://mamabear.sg/

[Althemist]

You can use a banner element instead of row background.

[samuel.otieno59]

hi I’m USING BABYSTREET THEME we have replaced the background image to 1920×1080 however when viewing on the desktop computer the bottom of the image has repeating image but this is not visible on laptop and mobile any solution is greatly you can access the website to view https://mamabear.sg/ to view

[Althemist]

Hi samuel.otieno59,

I am not really sure what do you mean. Which “repeating image”? Please, explain more.

[Author]

Posts