[Courtney Cline]

Chris,

It seems the issue is resolved now. Perhaps it was the cache on my phone causing the issue to remain despite the changes.

Thank you for all your help!

Courtney

[Courtney Cline]

Hi, Chris.

Once I changed the background color from #fff to #282828, this code worked to make the header on the home page look like it want it to (one all devices); however, all of the inner page headers were still white.

I even tried adding this code:

@media screen and (max-width:479px) {
.header { background: #282828 !important;}

at the end of the style sheet. It made the inner page headers the right color when I shrink my web browser small on my computer, but when I view them on my iPhone, they are still white.

Can you please help me get the inner page headers to be #282828 when viewed on a phone?

Thanks for your help so far.

Courtney

[Courtney Cline]

that didn’t fix it either. i couldn’t ever get the slant to appear like it should, but i did finally get the Services title to stop being cut off by the header by adding

@media screen and (max-width:479px) {
.logo img {
margin-bottom: 0px;}
.featured_area {
padding: 80px 0;}
}

[Courtney Cline]

do you have a solution for my header issue yet? it’s still displaying as shown in the screenshots included previously.

[Courtney Cline]

was this suppose to fix my header problem on mobile devices? it did not.

[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