Title: Mobile Version? Last modified: August 30, 2016 --- # Mobile Version? * [lovetheprices](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/) * 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](http://lovetheprices.com) is the site. * Any help would be so much appreciated!! * Thanks again. Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/mobile-version-68/page/2/?output_format=md) [→](https://wordpress.org/support/topic/mobile-version-68/page/2/?output_format=md) * Theme Author [ThemeHunk](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6747957) * Hello [@lovetheprices](https://wordpress.org/support/users/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/](http://imgur.com/). * Regards ThemeHunk. * Thread Starter [lovetheprices](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6747959) * 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](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6747995) * Hello [@lovetheprices](https://wordpress.org/support/users/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](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748005) * Hi [@themehunk](https://wordpress.org/support/users/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](http://lovetheprices.com) is the site if that helps. * Thanks so much! * Theme Author [ThemeHunk](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748010) * Hello [@lovetheprices](https://wordpress.org/support/users/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](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748011) * 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](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748018) * Hello [@lovetheprices](https://wordpress.org/support/users/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/](https://tinypng.com/). * Regards ThemeHunk * Thread Starter [lovetheprices](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748019) * 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](http://lovetheprices.com) * Theme Author [ThemeHunk](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748044) * Hello [@lovetheprices](https://wordpress.org/support/users/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](http://screencast.com/t/QYBalOahddH8) * Regards ThemeHunk * Thread Starter [lovetheprices](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748053) * I didn’t replace that code, but I have now. * Here’s a screenshot of what I’m getting from [imgur](http://imgur.com/jhkcXER) * Thanks. * Thread Starter [lovetheprices](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748054) * Try this [link](http://imgur.com/jhkcXFR) instead * Thread Starter [lovetheprices](https://wordpress.org/support/users/lovetheprices/) * (@lovetheprices) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748055) * And this [link](http://imgur.com/qRycroY) 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](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 9 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748097) * Hello [@lovetheprices](https://wordpress.org/support/users/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 * [dvebube](https://wordpress.org/support/users/dvebube/) * (@dvebube) * [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748220) * 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](https://wordpress.org/support/users/themehunk/) * (@themehunk) * [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-version-68/#post-6748221) * Hello [@dvebube](https://wordpress.org/support/users/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) 1 [2](https://wordpress.org/support/topic/mobile-version-68/page/2/?output_format=md) [→](https://wordpress.org/support/topic/mobile-version-68/page/2/?output_format=md) The topic ‘Mobile Version?’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/novellite/1.7.6/screenshot.png) * NovelLite * [Support Threads](https://wordpress.org/support/theme/novellite/) * [Active Topics](https://wordpress.org/support/theme/novellite/active/) * [Unresolved Topics](https://wordpress.org/support/theme/novellite/unresolved/) * [Reviews](https://wordpress.org/support/theme/novellite/reviews/) ## Tags * [lite](https://wordpress.org/support/topic-tag/lite/) * [mobile site](https://wordpress.org/support/topic-tag/mobile-site/) * 18 replies * 3 participants * Last reply from: [ThemeHunk](https://wordpress.org/support/users/themehunk/) * Last activity: [10 years, 8 months ago](https://wordpress.org/support/topic/mobile-version-68/page/2/#post-6748224) * Status: not resolved