Docs

[highlandadventures]

We like the content for the tour to have margin of 50px on the left and the right for screens bigger than 1,000 px. For screens smaller, we want the mobile view to kick in. Right now the tour is shown as a custom column 1/6 2/3 1/6, but we want to make the area in the 2/3 bigger..so we need to control it via CSS, but any marting or padding cannot apply for ipad or cell phones sized. Tks. c

[Paul R]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

[highlandadventures]

tks for the reply. here is an example: http://www.machupicchu.com/inca-trail-tours/inca-trail-expedition-tour/

[Nabeel A]

Hi again,

Try adding the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (min-width: 1000px){
   .page-id-2486 .x-main {
       margin: 0 50px !important;
    }
}

@media screen and (max-width: 999px){
   .page-id-2486 .x-main {
       margin: 0 !important;
    }
}

Let us know how this goes!

[Author]

Posts