Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

weird element styling with Chrome on initial page load

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi team,

when first going to

www.zero-g-solutions.com/zgsmarketplace in chrome

user: demotech
pw: demo

the banner/slideshowwrap has an element style- top:150px

refreshing the page - that brings the banner just below the main navigation (which I want).

this isn't happening with any other browser that I have tested so far.

Please advise,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
I don't see any change in Chrome before or after refresh

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
e.g. there is a gap and I see the same in Firefox

But I refresh in firefox and it disappears
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
If you take the site online and clear the browser cache in Chrome do you still see the gap?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes even when it is online- the initial pageload of the home page (first time opening site) the gap is present.

Refreshing the page, or going from one tab, and then back to home - formatting is correct.

Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
I get the gap even on reload.
Does adding this to the custom.css file fix the issue?

#maincontainerwrap.topmargin {margin-top:360px}

Thanks
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
HI Anthony,

I thought I sent my reply.

Unfortunately, this did not resolve the issue. I have left the code in there so you can tweak it.

thanks,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
I tried this code - so far so good!

section#slideshowwrap {
top: 90px !important;
}

Fingers-crossed!

thanks,
Pam
  • zgsgpsweb's Avatar
  • zgsgpsweb
  • 12 Month Developer
  • 739 posts
  • 1 Thanks
  • Karma: 0
The administrator has disabled public write access.
Cool thanks for the update

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers