Scaling header

  • I have a header on my website just now the problem is being viewed on a bigger screen afbedlingen listed in the header 2 times is seen. as my website has anyone an idea how I can solve without the pictures in the header are distorted this

    the link to my site

Viewing 4 replies - 1 through 4 (of 4 total)

  • I’d also like to know if theres a way to keep the header from repeating. It looks really bad on most monitors.

    I went through the CSS stylesheet and header.php code and I can’t even find where the header image is referenced…

    The css for the header image is written inline by the theme (inc/extras.php).

    You should not ideally be editing this file, rather use a custom css via the Customize option. If Radiate is your current theme, from the Theme page, click on Customize. One of the options in the right menu is Custom CSS. Enter the following

    #parallax-bg { background-repeat: no-repeat; }

    This will center the header image without repeating (overriding the repeat option set by the extras.php file)

    would it help to add background-size: cover to the Custom CSS? I’ve had good luck with that approach.

    Many thanks for above info, adding:

    #parallax-bg { background-repeat: no-repeat; background-size: 100%;}

    to the Custom CSS fixed it for me.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Scaling header’ is closed to new replies.