Right margin / padding on page is uneven on first load

Support
#1

Hi there. I’ve been able to solve most of my problems scouring the forums, but this one has me stumped.

Website: http://www.defunct-shift.com/?page_id=489

I am using TheGrid plugin to display a gallery. I am trying to have it span the page with a 20px margin on both sides.

For some reason, when you first load the page, the right margin is much less than the left. I don’t know if the page contents are being loaded under the scrollbar, off screen or something. I thought initially it was due to the overflow code, i am using, but it seems unrelated. This seems to happen with Thegrid, Enviragallery and the essential grid plugins, doesn’t matter which one I use.

When you resize the browser window down, the margin properly sets itself to 20px on the right. Same issue in firefox and chrome on windows.

I have tried:

  • Full width setting with 20px margin all in Thegrid plugin itself - same result
  • No full width, no margin settings in the plugin, but margin / padding settings on the section as well as row in cornerstone in different combinations - same result
  • Tried various codes from forum posts that seems to have somewhat related problems to no avail. :frowning:

Any help would be greatly appreciated. Pictures attached below. Thanks!

I am using this custom code for various other functions, but they don’t seem to be the cause:

.x-navbar{
background-color:rgba(0, 0, 0, 0);
border-bottom: 0px;
}

.rev_slider_wrapper {
    margin-top: -20px !important;
}
.x-navbar .x-container.max.width {
    max-width: 100%;
    width: 100%;
}
 body {
   overflow: initial;
}

#2

Hello There,

Thank you for the post information. I have check your page and I could not replicate the issue. This is what I am seeing: http://prntscr.com/gdwd85

Since you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

#3

Hi,

Thanks for the reply. I did what you said and disabled W3 cache as well as flushed the cache on my hosts dashboard, then set it for development mode to prevent any further caching while im working on it. It worked. That was driving me nuts :stuck_out_tongue: Thanks so much. have a great day!

#4

We’re delighted to assist you with this.

Cheers!