Default Slider not showing on tablet or mobile

[Trevor Stevens]

Skt Landing page theme. Have got slider working now but only showing OK on PC. If the site is viewed on a tablet or phone, the slider is not present, nor are header pictures to the none home pages. Anyone any ideas?
Fully working on desktop PC so not de activated, or am i missing something due to screen size settings???

[Sonnal S Sinha]

Hi,

Kindly show us your website URL please?

Regards,
Chris

[Trevor Stevens]

Hi Chris, after some twiddling with settings, I have managed to get the slider working in tablet and mobile. However still not able to sort the page header.
I suppose I can recode but would be nice to use Theme.
The site is https://bnroadrepair.co.uk
Site not yet fully sorted so some items need sorting.
The header layout is number1.
Trevor

[Trevor Stevens]

Sorry mis spelt it https://bnroadrepairs.co.uk
Sorry

[Sonnal S Sinha]

Hi,

Okay, Can you send us the screenshot of your issues? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Chris

[Trevor Stevens]

Hi The following shows the problem.
https://ibb.co/f2vgv4K
https://ibb.co/t2S0jts
The first full width desktop is OK when the screen width is greater than 1024px
However the header picture disappears below this, see second picture.
The Header picture switch is enabled. Somewhere the system is not allowing the header picture to be displayed. It is also at the point the hamburger menu comes into operation.

[Trevor Stevens]

I just checked the demo theme, and that does it as well.

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.page_head img, .post_head img, .page_head, .post_head { height:150px !important;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.page_head img, .post_head img, .page_head, .post_head { height:150px !important;}
}

Regards,
Chris

[Trevor Stevens]

Thanks for this Chris.
The first part for mobile phones worked a treat.

First Part
@media screen and (max-width:479px) {
.page_head img, .post_head img, .page_head, .post_head { height:150px !important;} }

However the second part for tablet needed a tweek on the min width to make it work.
Second part
@media screen and (min-width:480px) and (max-width:1023px) { .page_head img, .post_head img, .page_head, .post_head { height:150px !important;} }

The above css now works on Mobile, Tablet and Desktop
Thanks for you brilliant support
Trevor

[Sonnal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Chris

[Author]

Posts