Mobile Version?

Hello @lovetheprices,

This theme is completely responsive. Please let me know in which section you are getting problem. And also please share screenshot of the problematic area.
You can share screenshot with the help of https://imgur.com/.

Regards
ThemeHunk.

Thanks for the quick reply!

I’m having issues with the main images (at the top). There isn’t any txt over them like on the desktop site.

Also, the images in the testimonial and contact sections don’t seem to be sized the same as the desktop.

The layout is also no where close to the desktop site. It’s just a continuas scroll instead of laid out even similar to the desktop site.

Is there a legend of sorts that has the sizings of everything?

I couldn’t figure out the screenshot thing. I apologize, but the site is lovetheprices.com it’s easy to see what I’m talking about.

Thanks again for your help. Really appreciate it!

Hello @lovetheprices,

To display slider text in mobile devices go to the Customize > Custom CSS and paste code given below.

@media only screen and (max-width: 480px){
.NovelLite_slider .container.container_caption {
    display: block;
}}

For other issues: Looking like you are expecting non responsive design. Which look same in pc and in small devices.
Please elaborate little more.

Regards
ThemeHunk.

Hi @themehunk

Wow!! Thanks for all your help! You’re amazing!

Okay, so I pasted the code in and the end of the sentence isn’t showing on the mobile site. It doesn’t seem to be centered.

For non responsive design issue: The images I used for both the testimonial background and the contact background isn’t showing the same on the mobile site. So on the pc you can see their faces but on the mobile site, you can’t even make out the image at all. It’s VERY pixilated. It looks like it’s sized WAY to big. Does that make more sense?

lovetheprices.com is the site if that helps.

Thanks so much!

Hello @lovetheprices,

To align caption go to the Customize > Custom CSS and paste code given below.

@media only screen and (max-width: 480px){
.NovelLite_slider .container.container_caption {
    margin-top: 200px;
}}

And for background images try this CSS

section#section5, section#section2 {
    background-size: cover;
}

Thank you,
ThemeHunk

That code brought the line up a bit more, but not enough. The button is cut in half. It looks like it needs to go up quite a bit still.

And the background images are the same. Are they supposed to be a certain size?

Thanks!

Hello @lovetheprices,

Please replace previous code with this one.

section#section5, section#section2 {
    background-size: cover!important;
}
@media only screen and (max-width: 768px){
.NovelLite_slider .container.container_caption {
    margin-top: 200px;
}
.container.container_caption h1 a{
font-size:32px;
}
.NovelLite_slider .container p{
font-size:20px;
}}

And to increase site loading speed. Please optimize your images.
You can use https://tinypng.com/.

Regards
ThemeHunk

I’m sorry I’m having such issues, but since replacing that code there is now no caption at all and the images on the mobile site are still not right. They look like they are blown up. I optimized the images, (I actually was just using those as a template of sorts) but the new images still look HUGE. In the testimonials image it’s supposed to be 4 people in the image, and it looks correct on a pc, but on the mobile site you can only see a massive pixel looking hand. lol, not what I’m going for. And on the contact background image, it’s supposed to be a photo of some food, and again, on the pc you can see it correctly (since updating the code in your previous post) but still on the mobile you can’t even make out what it’s supposed to be.

Thanks for all your continued help! Once we get this figured out, it will be ready to rock and roll ??

lovetheprices.com

Hello @lovetheprices,

I think you have also replaced code that i have provided in the #4 post.
Ok forget previous code just use this one. It will correct slider caption.

section#section5, section#section2 {
    background-size: cover!important;
}
@media only screen and (max-width: 768px){
.NovelLite_slider .container.container_caption {
    display: block;
 margin-top: 200px;
}
.container.container_caption h1 a{
font-size:32px;
}
.NovelLite_slider .container p{
font-size:20px;
}}

Please check this is how background image is looking at my side.
https://screencast.com/t/QYBalOahddH8

Regards
ThemeHunk

I didn’t replace that code, but I have now.

Here’s a screenshot of what I’m getting from imgur

Thanks.

Try this link instead

And this link shows how the button is cut in 1/2 and the text needs moved up quite a bit to look centered even.

Hello @lovetheprices,

For caption use this CSS

@media only screen and (max-width: 480px) {
.novellite_slider .container h1{
    line-height: 27px;
}
.novellite_slider .container p{
line-height:27px;
}
.theme-slider-button{
padding:5px 20px;
}}

For background image please check site in another phone. We are not able to replicate this issue at our end.

Regards
ThemeHunk

Also having some issues with mobile version of this site. Images in my page gallery look great on pc, but overlap in mobile version. Footer text doesn’t look the same on pc and mobile.
Any help?
Thanks

Hello @dvebube,

Please share your website link. So that we can take a closer look.

Thank You
ThemeHunk.