To insert code in a forum thread or comment wrap it in code tags : <code>...</code>.
Setting different background sizes in the header for diff size monitors
  • What size graphic should I use for a custom header graphic. I have set it up at 960 pixels wide but when the browser is extended to full screen size the left and right margins are white. I would prefer not to tile the image is possible.
  • 3 Comments sorted by
  • Hi michael1976,

    I think you can create a image in 1600px width or 1920px width.

    Regards,
    KaptinLin
  • this will not solve the problem on monitors larger then 27"
  • Yeah,

    Maybe you can try create different size of backgrounds for different screen.

    Then use media query.
    #header {
    background-image: url('1440 width image here');
    }

    @media only screen and (min-width: 1440px) and (max-width: 1599px) {
    #header {
    background-image: url('1600 width image here');
    }
    }

    @media only screen and (min-width: 1600px) and (max-width: 1919px) {
    #header {
    background-image: url('1920 width image here');
    }
    }
    @media only screen and (min-width: 1920px) {
    #header {
    background-image: url('2560 width image here');
    }
    }


    Copy the code to custom code area in striking->general options page.


    Regards,
    KaptinLin
This discussion has been closed.
All Discussions
UPDATING YOUR SITE
17 Mar 2018.

We experienced some issues in late Feb / Early March with our functions which provide you a notification in your dashboard of an available theme update. This has now been fixed.

If you are already using MultiFlex Ver 1.2.9 then you are using the latest them version thus no notification will show. Otherwise you should go to your Update settings in the theme and click on the button to check for updates.


Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion