Support » Theme: Striker » Full width header

  • I want to make this header centered, and span the full width of the page. It’s current dimensions are 2048×250, but I’ll change this at somepoint to fit all resolutions on screen.

    I’ve tried changing my style.css to this:

    .site-header {
    	/*background: #6699CC;
    	padding: 1em 0.1em 1em 0.1em;
    	max-width: 2048;
    	width: 2048;
    
     	border-bottom-right-radius:0.4em;
     	border-bottom-left-radius:0.4em;*/
    	margin: 0 auto;
    }

    and i’ve also tried this:

    .site-header {
    	/*background: #6699CC;
    	padding: 1em 0.1em 1em 0.1em;
    	max-width: 100%;
    	width: 2048;
    
     	border-bottom-right-radius:0.4em;
     	border-bottom-left-radius:0.4em;*/
    	margin: 0 auto;
    }

    I’ve also changed the img line in header.php to this:
    <img src="<?php header_image(); ?>" width="2048" height="<?php echo get_custom_header()->height; ?>" alt="" />

    If someone could suggest what to do I’d appreciate it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Template Express

    (@danstriker)

    Hello,

    the theme has containers set to max-width: 1050px; Some of these will have to be changed to 100%. You should also add px on the end of your 2048 widths.

    After ages of messing around with CSS and in header.php I’ve discovered why it doesn’t work. When I upload the header through wordpress it forces me to crop to max width 1050px. I’ve got around this by uploading via cPanel, but in future am I able to disable mandatory cropping?

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