bistromatic

Hello @syed-fawad,

the new version is out and the option to run the splash always on the home page has been added!

Hello @syed-fawad,
I plan to add the option of loading all the time in the next release.

I did another test. When I turn off the max-width rule below the banner extends but then I get the same gap next to the header and footer.

body:not(.sinatra-layout__boxed).sinatra-no-sidebar .entry-content .alignfull, body:not(.sinatra-layout__boxed).sinatra-no-sidebar .si-fw-section {
	position: relative;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	/* max-width: var(--si-screen-width,100vw); */
}

I’ve added that screenshot to the screenshots as well.

Hello again @brankoconjic,

I did some more testing. I checked it on my laptop to make sure it’s not the computer and it’s the same gap.

However, the gap does not show up on my iPad which is the Safari browser.

An ideas what’s going on?

Hello again @brankoconjic,

I just measured the gap on all browsers:

Firefox: 9px
Chrome: 8px
Opera: 7px
Edge: 8px

I have no idea what’s happening!

I switched to the twenty-twenty-one template and the gap is gone.

I also tried the different layout options of Sinatra and the gap disappears when I select Boxed.

• This reply was modified 4 years ago by bistromatic.

Hello @brankoconjic,

I’ve checked it on Firefox, Chrome, Opera, and Edge. It’s on all browsers.

Here are screenshots for all browsers.

You can see the little gap on the right hand side.

Yes, we’re back in business! Works in 4.4.9

Thank you!

This is not a local host issue, the same happened on the remote server install.

Here’s how the links look on the web install:
https://2020.epigramstudio.com/wp-content/uploads/sunshine/1288/EthWes-001.jpg

• This reply was modified 4 years, 7 months ago by bistromatic.

Works like a charm!

I added

background-color: #444;

so that they have a better separation from the dark footer background ??

Thank you!

Hi, I installed the new version and I like it! Nice job!

Thank you!

Thank you! I will certainly try it out.

Thank you both for the question and the feedback! I had the same problem and now it works flawless!

I found this CSS in your JS:

.pgc-rev-wrap-rotate {
animation-name:pgc-rev-rotate;
animation-duration:2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

Is this what determines the transition in the lightbox?

Is it possible to override this with custom CSS?