Holy Church theme mobile header

Home Forums All Other Themes Holy Church theme mobile header

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #98056
    Courtney Cline
    Participant
    • Topics: 9
    • Replies: 18
    • Total: 27
    Member since: January 10, 2017

    Hello.

    I’m using the Holy Church theme on my site at http://writingmechaniccom.fatcow.com/oakhill/. Everything looks great until I view it on my iPhone. Then the header color changes to white and, since the menu font is white (which was the default, and I like it), the site title and the sandwich menu are no longer visible since they are the same color as the header. Please help. I like how the header is everywhere else.

    Thanks,

    Courtney

    #98127
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

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

    #simple-menu .fa-bars { color: #000 !important;}
    @media screen and (max-width:479px) {
    .home.has_trans_header .header { background: #fff !important;}
    body.home.has_trans_header .header .logo h1 a:link { color:#000 !important;}
    span.desc { color: #282828 !important;}
    }

    Regards,
    Chris

    #98213
    Courtney Cline
    Participant
    • Topics: 9
    • Replies: 18
    • Total: 27
    Member since: January 10, 2017

    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

    #98307
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23366
    • Total: 23366
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Chris

    #98426
    Courtney Cline
    Participant
    • Topics: 9
    • Replies: 18
    • Total: 27
    Member since: January 10, 2017

    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

    #98463
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6705
    • Total: 6713
    Member since: June 12, 2013

    Cheers.

    If you liked our service kindly give us a testimonial/review here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/16/

    Regards,
    Shri

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.