How to Edit Padding on Mobile Website

  • When you view my website on mobile there is extra padding/white space only on the right side. It’s small but I need the page to load without it. I have tried looking in the style sheet, there doesn’t appear to be any added padding. I think it may be because I installed Visual Composer Page Builder because the page builder this theme (Real Spaces by imithemes) came with kind of sucked comparatively. I managed to edit out the padding/white space on the other effected pages by making small changes to where the text overlapped the theme’s page width but I can’t find any overlapping on the homepage and it’s still there. Any direction would be greatly appreciated as I am kind of teaching myself CSS just by reading these forums.

    https://www.chandeliertest1.us

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi ChandelierEmily,

    I can’t find any padding on the right side of your home page.

    its not the padding. there is negative margin on certain elements. here:

    .vc_row {
   margin-left: -15px;
   margin-right: -15px;
}

    if you add the following to your 767px media query you should be ok:

    .vc_row {
   margin-left: 0;
   margin-right: 0;
}
    Thread Starter ChandelierEmily

    (@chandelieremily)

    Is that in the style.css sheet? I’m not seeing a “767px media query” anywhere.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Edit Padding on Mobile Website’ is closed to new replies.