three questions: Background not scrolling when scrolling ...

Morpheus-2014

Hi,

I have three questions about the website: https://pixelway.de/projekt-elektro-2016/

1. How can I make the website a little higher so that I have less margin at the top?

2. How do I fill in the background of the menu so that the button appears as in the small snippet?

3. Can I set the website so that the background does not scroll when I scroll?

thanks

screen-scroll.jpg

Phil

Hi,

1) Please use the following CSS code:

body{
   padding-top: 10px!important;
}

2)

.menu-highlight #Top_bar #menu > ul > li.current-menu-item{
   background: #f7593e;
}

3) But it does not scroll. It stays in one place.

But if you want it to scroll, please, set it in a fixed position.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morpheus-2014

Thank you for your quick answer ;-).

Regarding point 2. Of course, the hover links over which you scroll should also fill in the button. I hope you understand. See for yourself at https://pixelway.de/projekt-elektro-2016/ what I mean.

On point 3. At the moment I have set the background image with the color gradient to Center Top repeat-x so that the gradient is repeated over the entire width.

At which point should I now specify the fixed. But not under position.

thanks

Phil

2) Please, replace the previous code with this one:

.menu-highlight #Top_bar #menu > ul > li.current-menu-item,
.menu-highlight #Top_bar #menu > ul > li.hover{
  background: #f7593e;
}

3) Sorry, but I quite do not understand. Can you explain in more detail what you want to achieve, please?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morpheus-2014

screen-bg.jpg

Hi,

I had imagined it with the background.

To point 3.

When I scroll the cursor down on PC, the content moves up, as does the background.

The background with the purple color stripe should remain in place when scrolling and not move with it.

I hope you understand, it's just a customer request

thanks

Phil

Please, set the fixed position from my first screenshot, and check if it is what you wanted.

This setting can be found in Betheme -> Theme options -> Global -> General.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Morpheus-2014

Hi,

since the background stripe JPG is only 50 pixels wide, I have to set the x setting to repeat to fill the entire screen width, so I can't set the background to Center|no-repeat|fixed, or I would have to create a background image, what about the total width goes 1920 pixels.

thanks

Phil

It would be best to make an image like that.

Also, I suggest making it at least 1080px high.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next