Support » Theme: NovelLite » Mobile Version?

  • Me again πŸ˜‰

    I just finished editing my site and went I went to the mobile site on my iphone… let’s just say it’s not very mobile friendly. Is there a mobile version of this site?

    lovetheprices.com is the site.

    Any help would be so much appreciated!!

    Thanks again.

Viewing 15 replies - 1 through 15 (of 18 total)
  • Theme Author ThemeHunk

    (@themehunk)

    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 http://imgur.com/.

    Regards
    ThemeHunk.

    Thread Starter lovetheprices

    (@lovetheprices)

    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!

    Theme Author ThemeHunk

    (@themehunk)

    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.

    Thread Starter lovetheprices

    (@lovetheprices)

    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!

    Theme Author ThemeHunk

    (@themehunk)

    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

    Thread Starter lovetheprices

    (@lovetheprices)

    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!

    Theme Author ThemeHunk

    (@themehunk)

    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

    Thread Starter lovetheprices

    (@lovetheprices)

    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

    Theme Author ThemeHunk

    (@themehunk)

    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.
    http://screencast.com/t/QYBalOahddH8

    Regards
    ThemeHunk

    Thread Starter lovetheprices

    (@lovetheprices)

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

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

    Thanks.

    Thread Starter lovetheprices

    (@lovetheprices)

    Try this link instead

    Thread Starter lovetheprices

    (@lovetheprices)

    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.

    Theme Author ThemeHunk

    (@themehunk)

    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

    Theme Author ThemeHunk

    (@themehunk)

    Hello @dvebube,

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

    Thank You
    ThemeHunk.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Mobile Version?’ is closed to new replies.