Scaling header (5 posts)

  1. reinoudv
    Posted 2 years ago #

    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

  2. marcel_d
    Posted 2 years ago #

    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...

  3. Ramesh (thecodeisclear)
    Posted 2 years ago #

    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)

  4. nicollb
    Posted 2 years ago #

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

  5. NoMoneyLeftBoy
    Posted 2 years ago #

    Many thanks for above info, adding:

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

    to the Custom CSS fixed it for me.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.