Issue is the mobile version home page slider seems to lose the proper scaling of the images and retains borders and margins that may be stretching the images. Not really sure about that as the cause, but would like to eliminate the distortion of the slider images in mobile version. Here is the only code I can find through my inspection tool that may be involved. http://buffblogger.com/wp-content/themes/colorway/css/media.css?ver=4.4.2 .sl-slider-wrapper { min-height: 150px; height: 150px; margin: 25px 18px 34px 18px; } Again, as I am not a programmer, this is just a guess. But any help would be appreciated. Thanks, Bruce
Hello, Greetings from InkThemes! Could you please provide us 'URL' of your site along with some edited screenshot so that we can better assist you? If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots. Thanks & Regards! Priyanka InkThemes.com
Priyanka, Thanks, attaching two shots showing the problem. URL is buffblogger dot com The theme you see if you go to the site now is and old theme we are trying to change for Colorway. If you need to see Colorway activated, let me know. Bruce
Yes, Bruce.. Please activate your colorway theme so that we can provide you a better solution... Looking forward to your reply. Thanks & Regards! Priyanka InkThemes.com
Hello, I have checked your site and didn't get any issue with the slider as you can also see in the screenshot given below.. If still have same issue, you can paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard. Code: @media only screen and (max-width: 480px){ .bg-img img { width: 70%; height: auto; } } And change numeric value as per your requirement.. Hope it will resolve your issue Do let me know if you need more assistance, Thanks & Regards! Priyanka InkThemes.com
Priyanka, Sorry, that fix works to improve the proportion, but leaves a large border on the right. See attached. Also, almost every embedded video on the site spills out over the right side and does not scale. See attached.
Hello, Please paste the code given below in Custom CSS field of your dashboard. Code: @media only screen and (max-width: 480px){ .bg-img img { width: 87%; } } embed { width: 100%; } @media only screen and (max-width: 960px) and (min-width: 768px){ .footer-container img { width: 100%; } } Note: For embedded video either you can put above code or just replace width 600 from 100% in your embedded code directly... Hope it will resolve your issue Do let me know if you need more assistance, Thanks & Regards! Priyanka InkThemes.com
