How to make Pique Full Screen Without White Side Margins?

  • Unknown's avatar
    ptfgroupinc · Member ·

    Can someone please help me out. I have upgraded to the Premium Account and I’ve tried numerous css codes with no help.

    The site that I am trying to make full width is: http://www.ptfinancialgroup.com

    Here is an example of what I have in currently:

    /*
    Welcome to Custom CSS!

    To learn how this works, see https://wp.me/PEmnE-Bt

    .site {
    max-width: none;
    }

    .pique-panel-background {
    background-size: cover
    }
    .site-footer {
    max-width: 100%;
    }
    #site-navigation.main-navigation.sticky {
    max-width: 100%;
    }

    .woocommerce-page #primary {
    width: 100%;
    }

    .woocommerce-page #secondary {
    display: none;
    }

    /*

    The blog I need help with is: (visible only to logged in users)

  • kokkieh · Staff ·

    Hi there,

    The code you have there does exactly what you want. The problem is you’ve added it inside the /*…*/ – those symbols in CSS is used to add a comment to the code, so anything between those won’t be read by the browser.

    Delete that, and the introductory message, so your CSS panel contains only this:

    .site {
max-width: none;
}

.pique-panel-background {
background-size: cover
}
.site-footer {
max-width: 100%;
}
#site-navigation.main-navigation.sticky {
max-width: 100%;
}

.woocommerce-page #primary {
	width: 100%;
}

.woocommerce-page #secondary {
	display: none;
}

    Also note that your plan gives you access to both live chat and direct email support. You can reach those at any time by clicking the Help icon that appears bottom-right on all the My Sites pages, or else via the direct link at https://wordpress.com/help/contact

  • The topic ‘How to make Pique Full Screen Without White Side Margins?’ is closed to new replies.