SKT-HighTech Header Logo

[Laurence Oakey]

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

[Laurence Oakey]

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.

[Laurence Oakey]

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}
}

[Sonnal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Brad

[Laurence Oakey]

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

[Sonnal S Sinha]

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

[Author]

Posts