Max width

  • torndownunits

    (@torndownunits)


    8 years, 3 months ago

    I am trying to find a way to set a maximum width for higher resolution screens so things don’t look so ‘stretched out’. I found a post on here, and a post on the themes web site with some CSS samples, but they appear to be about of date as they don’t work 100% properly (some items centered, some shifted to the left etc using the snippets).

    Could someone provide some updated CSS?

    Thanks!

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

    (@rdellconsulting)

    8 years, 3 months ago

    I’ve started some research to use ‘flexbox’ with Czr and intend to publish snippet(s) at some point.

    Leave a link to your site so I can see the problem.

    Can’t guarantee a timescale as it depends on how busy I am.

    Thread Starter torndownunits

    (@torndownunits)

    8 years, 3 months ago

    Hey the site is in maintenance mode and in the early stages of being built so I can’t post a link. The most I could post is a screenshot.

    But, this is the article from the Customizr site I am following.

    http://presscustomizr.com/snippet/fixed-width-customizr-high-resolution-screens/

    As you can see in the comments, other people have the same issue. The snippet there does “work”, but it just doesn’t align the header properly. The header stays shifted to the far left (as the comments on the page say). I think it worked at one point based on the comments, but with theme updates it doesn’t seem to anymore. I am trying to inspect the element to see what could be causing that, but I just can’t figure it out.

    Thanks for the reply.

    rdellconsulting

    (@rdellconsulting)

    8 years, 3 months ago

    That’s a very old snippet and was written before the introduction of the Sticky Header (Note the warning message).

    Try this quick fix:

    .tc-sticky-header .tc-header {
	position: fixed;
	z-index: 100;
	transition: all .15s;
	left: 0%;
}
    Thread Starter torndownunits

    (@torndownunits)

    8 years, 3 months ago

    Hey thanks for the reply. That didn’t seem to have any effect. That’s code is added along with keeping all the code from that article as well? The whole header is still shifted to the left.

    This is what would be ideal to achieve. I wish the theme was setup this way. Having that header full width on large screens just does not look great. The theme is so great other than that.

    screenshot – http://ic-designs.ca/sample.png

    If it was even available as a pro option I’d pay. But the header looks like an after-thought compared to other premium themes I have paid for.

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