Docs

[[email protected]]

hi there,

Thank you for your response – you advised i should change padding to percentages in order to make it responsive across platforms.

1. i dont know how to change it from px to % – have tried to add the % sign in essential grid but doesnt work.

2. i need custom CSS so that there is 0 padding on the mobile screen when using essential grid?

My essential grid is currently set to fullwidth with no padding, and the mobile version STILL is showing padding. I need to ensure that i can add padding to desktop view but have non on mobile view.

Please advise how to change this.

[Joao]

Hi There,

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. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks

Joao

[[email protected]]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thank you for the information. To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media(max-width: 979px){
  #cs-content .esg-grid{
    padding: 0 !important;
  }
}

Hope this helps. Please let us know how it goes.

[[email protected]]

thank you so much for your helpful response – it fixed the problem and i am so grateful!

just 2 more things that i would need some clarity on if you could assist:

1. how to i lessen the space between the navbar and the start of essential grid (or any other block for that matter) the space seems big and i would like to reduce it.

2. when i test on mobile, there is always one image on essential grid (image two) that comes out black. is this just a loading error? it happens every time on my side?

thank you again

[[email protected]]

sorry to bug again, but have gone back to test mobile version and it has gone back to too much padding?! the css code is still there so i am not understanding what is going on?

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.home .entry-wrap {
    padding-top: 0;
}

Hope that helps.

[[email protected]]

thanks – that has helped, but as per my latest message, the margins have gone back to being too much on mobile and tablet, even though the necessary css is in place? please advise.

thank you again 🙂

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

@media screen and (max-width: 979px){
    .esg-grid {
        padding: 0 !important;
    }
}

Let us know how this goes!

[[email protected]]

thank you very much. this has sorted out the problem – much appreciated 🙂

I need to however go back to the CSS code sent to me in order to decrease the space between an element and the nav bar. the css seems to have done that but only on the home page – how do i go about decreasing the space over the entire site, across any page?

Your help would be much appreciated. Thanks so much

[Thai]

Hi There,

Please find this CSS:

.home .entry-wrap {
    padding-top: 0;
}

And replace with this:

.entry-wrap {
    padding-top: 0;
}

Hope it helps 🙂

[[email protected]]

hi there – doesn’t seem to be doing anything?

[Jade]

Hi there,

Would you mind providing a screenshot of the page/section you are describing so that we could provide you with the custom code?

Thank you.

[[email protected]]

hi there,

i have attached a screenshot of the page below for you. The spacing between the heading and the nav bar is far too big. I have also attached a screenshot of my home screen where the css is

.home .entry-wrap {
padding-top: 3%;
}

when i removed this css and added the one you sent me, nothing changed to the other pages on the site.

[Christopher]

Hi there,

#1 There is one empty content band on top of this page http://juliacavalieri.co.za/selected-works-2009-2011/
#2 Please add mtn in custom headline’s class field.

Hope it helps.

[Author]

Posts