SKT-HighTech Header Logo

Home Forums SKT Full Width Forum SKT-HighTech Header Logo

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #154936
    Laurence Oakey
    Participant
    • Topics: 19
    • Replies: 106
    • Total: 125
    Member since: January 20, 2020

    Hi Guys,

    Just added the hightech theme and I have added my logo to the header which is 130px,360px.
    How do I make it not push down the menu and make it part transparent..

    I tried the following in CSS but no quite right.

    .page_head, .post_head { margin-top:0 !important;} .header {
    background: transparent !important;
    border: none;
    position: absolute;
    z-index: 10;
    }

    url: xpertcomputers.com.au

    #154946
    Laurence Oakey
    Participant
    • Topics: 19
    • Replies: 106
    • Total: 125
    Member since: January 20, 2020

    I have changed the CSS to:

    span.desc{display: none;}
    .logo .logo-bg {visibility:hidden;}
    .header-content-right {float: none;}
    .header.type2 #topmenu ul li:last-of-type a{border-right: solid 0px}

    but still can’t find how to have the header 10%, 20% etc… transparent.

    #154954
    Laurence Oakey
    Participant
    • Topics: 19
    • Replies: 106
    • Total: 125
    Member since: January 20, 2020

    Got Transparent working but now when the screen size changes how do I get the background colour to not be white?
    i added this to the CSS but not working:


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

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

    Hi,

    Kindly show us your website URL?

    Regards,
    Brad

    #155004
    Laurence Oakey
    Participant
    • Topics: 19
    • Replies: 106
    • Total: 125
    Member since: January 20, 2020

    It was in the first post….. here it is again.
    url: xpertcomputers.com.au

    #155099
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25250
    • Total: 25250
    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: absolute !important;
        z-index: 9999;
    }
    }

    Regards,
    Brad

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