[Courtney Cline]

here you can see the header line i’m talking about. when it’s straight, instead of slanted, on a mobile device, it cuts off part of the next section’s header.

http://imgur.com/a/BajbL

[Courtney Cline]

well, i guess hiding the slider wasn’t the solution I was looking for because it’s still not carrying over the angle at the bottom of the header, so it’s still covering up the top part of the next section’s heading…but at least it’s not glitching. what’s weird is that if shrink my browser on my computer to mobile size the slider/header issue does not exist. it’s only when i view it on my iphone. do you think it’s browser related, because i have to use safari as my browser on my phone rather than mozilla?

sorry for all the messages

[Courtney Cline]

okay – i also told it to display none for the slider @media screen and (max-width:767px)

so the only thing i haven’t been able to figure out is the testimonial text size on the mobile device. can you please help with that?

[Courtney Cline]

i solved the very first problem with

@media screen and (max-width:767px) {
.home.has_trans_header .header {
background: #f4f3f3 !important;
}
}

[Courtney Cline]

two other things have come up with this theme now…

one – the slider isn’t working correctly on a mobile device. the slant of the image shows up for a split second and then flashes into a straight line. not only does it look like a glitch, it covers up the top part of the next section’s heading. please help.

two – the testimonial font when viewing it on a mobile device seems unnecessarily large. how can i adjust it just for the mobile view?

my website is https://www.designbycline.com

thanks!

[Courtney Cline]

Thank you!

[Author]

Posts