three questions: Background not scrolling when scrolling ...

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


Comments

  • 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

  • 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

  • 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

  • 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

  • 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

  • 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

  • It would be best to make an image like that.

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


    Best regards

Sign In or Register to comment.