ResolvedTHEME NOT MOBILE FRIENDLY
- This topic has 23 replies, 2 voices, and was last updated 2 years, 8 months ago by
samuel.otieno59.
- AuthorPosts
- March 8, 2021 at 10:55 am #29322
samuel.otieno59
ParticipantI PURCHASED https://babystreet.althemist.com/ installed on WordPress but it is not mobile friendly can you help https://mamabear.sg/
March 8, 2021 at 5:30 pm #29335Althemist
KeymasterHello samuel.otieno59,
Could you please give us more details? Exactly what’s not “mobile friendly”? Please, explain more.
March 8, 2021 at 6:32 pm #29341samuel.otieno59
ParticipantI 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
March 9, 2021 at 2:02 pm #29356Althemist
KeymasterI 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.
March 9, 2021 at 7:02 pm #29373samuel.otieno59
Participantthe 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
March 10, 2021 at 7:45 pm #29384samuel.otieno59
Participantkindly help me I have been waiting for your help
March 11, 2021 at 11:33 am #29391Althemist
KeymasterThe 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.
March 11, 2021 at 1:31 pm #29402samuel.otieno59
ParticipantThe reason I’m asking this is because the demo page is okay in both mobile and desk top which size should it be?
March 12, 2021 at 3:54 pm #29427Althemist
KeymasterThe 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.
March 18, 2021 at 5:47 am #29541samuel.otieno59
Participantcan 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 */March 18, 2021 at 9:35 am #29544Althemist
KeymasterNo, 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.
March 18, 2021 at 12:16 pm #29553samuel.otieno59
Participantwhat 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/March 19, 2021 at 10:27 am #29567Althemist
KeymasterYou can use a banner element instead of row background.
March 22, 2021 at 1:14 pm #29610samuel.otieno59
Participanthi 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
March 23, 2021 at 8:48 am #29616Althemist
KeymasterHi samuel.otieno59,
I am not really sure what do you mean. Which “repeating image”? Please, explain more.
- AuthorPosts
You must be logged in and have valid license to reply to this topic.