Howdy, I have this code set for a handful of pages, but

Howdy,

I have this code set for a handful of pages, but only want the margins adjusted in the desktop view (so the margins are not adjusted on an iPhone etc.) Not sure the best way to do this.

Page: alchemisteating.com/products-and-services/

/* Products and Service Page Side Margins


*/

.page-id-2463 .entry-content {

margin-left: 125px !important;

margin-right: 125px !important;

}

Cheers,

Casper

  • Aicee Taguilaso
    • WordPress Warrior

    Hi Casper! Long time no talk. :slight_smile:

    Can you try replacing that CSS code with the following code?

    @media only screen and (min-width: 1200px){
    .page-id-2463 .entry-content {
    margin-left: 125px !important;
    margin-right: 125px !important;
    }
    }

    Also, please try it without the !important and see if it’s working as it should be. If not, then, add the !important to it.

    Let me know if you need further assistance on this.

    Cheers,

    Aicee

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.