How To Get Transparent Menu Header In Wimble? - Question | JoomShaper
Back to the questions

How To Get Transparent Menu Header In Wimble?

K

Kirti

Template 4 years ago

Hi, I have an existing website which was created on a Joomshaper template. I want to now use the Wimble template. After installing the Wimble template, I cannot get the transparent header.

I have gone through the Wimble documentation and there is gives me multiple header options https://prnt.sc/13jhmqb However, I get only 3 options https://prnt.sc/13jhtof

I am unable to get a transparent header on this site http://164.52.192.111/vjai/

Please advise on how to get this done

Cheers

0
6 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18983

Hello Kirti

Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials.

Best regards

0
K
Kirti
Accepted Answer
4 years ago #18986

Sure

0
K
Kirti
Accepted Answer
4 years ago #18987

Sure. Here it is

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18990

Thanks for the access. I have used this CSS to Template Options -> Custom Code -> Custom CSS and now it is okay.

#sp-page-builder .page-header{
  display: none;
}
#sp-header.transparent-header {
    background-image: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
0
K
Kirti
Accepted Answer
4 years ago #18999

Thanks for the quick response. However, there are still two issues;

  1. The logos display in mobile and tablet mode are not working. Resize the window and you will see what I mean.
  2. I don't want the gradient on the sticky header.

Best Kirti

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #19014

I have added a mobile logo in the Template Options -> Basic -> Mobile Logo and updated the CSS. Please check now.

0