Home › Forums › SKT Full Width Forum › SKT-HighTech Header Logo
- This topic has 5 replies, 2 voices, and was last updated 3 years, 3 months ago by
Forum Moderator.
-
AuthorPosts
-
June 19, 2020 at 4:09 am #154936
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
June 19, 2020 at 6:26 am #154946I 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.
June 19, 2020 at 7:11 am #154954Got 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}
}June 19, 2020 at 10:33 am #154985Hi,
Kindly show us your website URL?
Regards,
BradJune 19, 2020 at 3:12 pm #155004It was in the first post….. here it is again.
url: xpertcomputers.com.auJune 22, 2020 at 6:27 am #155099Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.