Header Front Page mobile and tablet

Home Forums All Other Themes Header Front Page mobile and tablet

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #173608
    LindyLindy
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: January 10, 2021

    Dear Sir/Madam,

    I need some assistance for the following webpage: whitehotelboavista.com
    I added Custom CSS to make the header as I want it (Transparent), which works for desktop, tablet and mobile. The only issue I have, is that the Front Page on Mobile and Tablet does not adjust to the CSS that I inserted. So on all pages it works perfectly, except for the front page. Any help is appreciated. Find below the whole Custom CSS that I used.

    Best regards,

    Lindy

    span.desc{display: none;}

    .header, .top-bar { background-color:rgba(0,0,0,0.2) !important;}

    .logo .logo-bg { background-color:transparent !important;}

    .header_wrap.layer_wrapper {
    position: absolute !important;
    z-index: 10;
    width:100%;
    }


    @media
    screen and (max-width:767px) {
    .header {background-color:transparent !important;}
    }


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


    @media
    screen and (max-width:479px) {.logo img { display:none !important;}
    }

    #173670
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    Hi,

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

    @media screen and (max-width:767px) {
    body .header_wrap .header, body.home.has_trans_header .header {
        position: relative !important;
    }
    }

    Regards,
    Dave

    #173684
    LindyLindy
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: January 10, 2021

    Hi Dave,

    Thank you for your reply but it didn’t resolve the issue.
    Do you have another idea how to solve it?
    It’s quite odd as for the other pages (the other menu items) it all works fine and exactly how I like it.

    Best regards,

    Lindy

    #173772
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    Hi,

    Kindly use this one.

    @media screen and (max-width:767px) {
    .home.has_trans_header .header {
        background: rgba(0,0,0,0.2) !important;
    }
    }

    Regards,
    Dave

    #173952
    LindyLindy
    Participant
    • Topics: 1
    • Replies: 3
    • Total: 4
    Member since: January 10, 2021

    Hi Dave,

    That worked! Thank you very much.

    Lindy

    #174003
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27790
    • Total: 27790
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

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