Theme problems on mobile devices

[Michael]

We have two problems with SKT Photo World Pro Theme 2.0 on mobile devices:

– Homepage slider thumb-tray is missing.
– All background pictures are distorted.

[Sonl Sinha]

Hi Michael,

Kindly show us your website URL.

Regards,
Brad

[Michael]

Hi Brad,

I already sent a couple of emails with the URL regarding my other topics (https://www.sktthemes.org/forums/topic/width-of-homepage-slider-thumb-tray/#post-32281 and https://www.sktthemes.org/forums/topic/theme-problems-due-to-update-of-wordpress-4-5-1/#post-32253) as I don’t want to publish the URL here.

Regards,
Michael

[Sonl Sinha]

Okay then send us via website URL via email: sktthemes.net/contact

Please understand we get 451 emails daily and 50+ support forum requests daily.

Regards,
Brad

[Michael]

Any solution to solve my problems after four months? Otherwise I would like a refund for my order #11610 on January 29, 2016 of $39.00.

Problems:

– Homepage slider thumb-tray is missing on mobile devices.
– Background pictures are distorted / not responsive.

Thanks.

Best regards,
Michael

[Sonl Sinha]

Hi Micheal,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

@media screen and (max-width:767px) {
#thumb-tray { display:block !important;}
}

@media screen and (max-width:479px) {
#supersized li { width:220% !important;}
}

Regards,
Brad

[Michael]

Hi Brad,

thanks for helping me.

I still have the problem that the thumb-tray has an extended empty space between the last thumb and the end of the slider.

Regards,
Michael

[Sonl Sinha]

Hi Michael,

Kindly upload the screenshot on imgur.com and share here.

Regards,
Brad

[Michael]

http://imgur.com/a/QV2Vd

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Layout Settings>>Custom CSS Box:

Add this code there:

ul#thumb-list { width:auto !important;}
#thumb-tray { display: table !important; left: 0 !important; margin: auto !important; right: 0 !important; width: auto !important;}

Regards,
Brad

[Michael]

Hi Brad,

Thanks, but this looks horrible.

http://imgur.com/a/wv4Sn

Regards,
Petra

[Michael]

My CSS code:

ul#thumb-list li img, ul#thumb-list li{width:auto;}

#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; height:130px; width:93%; overflow:hidden; text-align:center; margin-left:4%; text-align:center;}

[Michael]

Please let me know what to change within my CSS code.

Thanks.

[Sonl Sinha]

Hi Michael,

It is shown the thumbnail last spacing as shown in the demo which we cannot remove as the script itself has this by default.

Regards,
Shri

[Michael]

Hi Shri,

Do you want to tell me that I have to live with that huge gap? That doesn’t look right …

Regards,
Petra

[Author]

Posts