How to get transparent Menu Header in Wimble? - Forum | JoomShaper
Staff replied Templates

How to get transparent Menu Header in Wimble?

Asked by Kirti 5 years ago Last activity 5 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

6 replies

Oldest first Newest first Most helpful
Ofi Khan Staff
5 years ago

Hello Kirti

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

Best regards

Kirti Asked this
5 years ago

Sure. Here it is

Ofi Khan Staff
5 years ago

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%);
}
Kirti Asked this
5 years ago

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

Ofi Khan Staff
5 years ago

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

Log in to reply.