1. Yamas
  2. Monday, 11 May 2020
I am trying to get the background of the main menu to be present at all times. At the moment it looks like this (depending on how wide you make the browser):

Once you start scrolling, it looks like this:

The transparent one is nice, but depending on how someone sizes the window, and the photos I use, it could be on a black or white background, making it hard to choose a color that would work to make the menu readable.

So, I am wondering if there is a setting to make the background like in the second screenshot but even unscrolled, and where it might be.

Attachments (2)
Accepted Answer
yes, it should be possible, and quite easy to get.
You have to use a single line of custom CSS, here is example code:

.transparent-header #sp-header:not(.header-sticky) {background: white;}
  1. more than a month ago
  2. Yamas
  3. # Permalink
Responses (4)
Could you please share your site URL? it would be better for me to solve this issue
-Best Regards
  1. more than a month ago
  2. Yamas
  3. # 1
Attachments (1)
  1. more than a month ago
  2. Yamas
  3. # 2
That is perfect Paul! Thanks!
  1. more than a month ago
  2. Yamas
  3. # 3

There are no replies made for this post yet.
Be one of the first to reply to this post!

This forum is archived

This forum has been archived. Please use JoomShaper official support system.