Single project not loading

Dear Nick,

Apologies for the delayed reply.

I checked your website, and the thing is, a few of the scripts run on the page load.
However, the theme is not loading the new page, when a single project is opened.

Please try this simple workaround:
Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS Box and paste the following:

#bop-project{
	opacity: 1 !important;
}

Let me know if this works.

Hi,

Thanks for your help but this is only partially fixes the problem. Yes, the project now appears but the Behance project information is in a separate div, floating to the right and some of the project images are overflowing the parent div.

See here for example: https://www.beatnick.com.au/2018/05/04/punk-rock/
(again, you need to click on the project from the homepage, not copy the link above to see what i mean)

upon refresh, the other css script fires and everything looks dandy. Any ideas?

Nick.

Hi nick,

I just checked the website, and I se that the Video player is going out of the page width. However, the images etc. were loading fine on my end.

Please confirm if this is also the case with you. If not, please share a screenshot with me. That would help a lot.

Thanks.

Hi there,

Yes, you’re right it’s just the video. But also the project info box that gets re-styled on refresh (this ends up overlapping the main project content on mobile screen width).

Cheers,

Nick.

Yes, you are right.

The issue here is just the scripts that runs on page load.
Since the project is opening without page load, those scripts are not running.

I’ll need some time to figure this thing out.
Please be patient ??

No worries,

Thanks so much for your help. Let me know if you need anything else from me.

Hope you’re able to figure it out!

Dear Nick,

Please try this out and let me know if it works:

Go to Portfolio Manager > Settings > Advanced Tab > Custom CSS Box
Remove the previously added CSS, and paster all the code below.

#bop-project{
	opacity: 1 !important;
}
.bop-primary-project-content{
	background: #000000;
}
.post-full .entry-content .bop-primary-project-content .fluid-width-video-wrapper{
	padding-top: 60.2% !important;
	max-width: 100%;
	margin: 0;
}
.bop-text-center .embed-dimensions{
	overflow: hidden;
}
@media only screen and (max-width: 1230px) {
	#bop-project-right{
		right: unset;
		left: 0;
		width: 100%;
	}
	#bop-project-left{
		margin-right: 0;
	}
	#bop-project-info-right , .bpm-published-on{
		display: none;
	}
	.bpm-top-info-menu-dropdown-wrapper{
		display: block;
	}
	.bop-project-right{
		padding: 8px 2px;
	}
	.bpm-title-right{
		font-size: 20px;
		padding-bottom: 6px;
		padding-top: 8px;
		white-space: nowrap;
		overflow-x: hidden;
		text-overflow: ellipsis;
	}
	#bop-category, #stats-top{
		font-size: 13px;
		padding: 2px 20px;
	}
	#project-modules{
		margin-top: 162px;
	}
	#bop-project-left {
		max-width: 1400px;
		margin-top: 162px;
	}
}
@media only screen and (max-width: 960px) {
	#bop-project-right{
		right: unset;
		left: 0;
		width: 100%;
	}
	#bop-project-left{
		margin-right: 0;
		min-width: unset;
		width: 100%;
	}
	#bop-project-info-right , .bpm-published-on{
		display: none;
	}
	.bpm-top-info-menu-dropdown-wrapper{
		display: block;
	}
	.bop-project-right{
		padding: 8px 2px;
	}
	.bpm-title-right{
		font-size: 20px;
		padding-bottom: 6px;
		padding-top: 8px;
		white-space: nowrap;
		overflow-x: hidden;
		text-overflow: ellipsis;
	}
	#bop-category, #stats-top{
		font-size: 13px;
		padding: 2px 20px;
	}
	#project-modules{
		margin-top: 162px;
	}
	nav.bpm-top-info-nav ul li a{
		padding: 16px 12px;
	}
	nav.bpm-top-info-nav{
		width: 100%;
		position: relative;
	}
	nav.bpm-top-info-nav ul li ul{
		left: 0;
		width: 100%;
		box-sizing: border-box;
		margin-left: -1px;
		border-radius: 0;
	}
}

What I did here is, added the code as per your theme style, that would have loaded if the page was refreshed.

Worked perfectly!

I was gonna attempt this but I honestly didn’t know what CSS was loading when refreshed.

Thanks so much for your help. Made my day!

Nick.

Dear Nick,

Glad to know it worked.
Marking this ticket resolved now.

Please feel free to let me know if you face any other issues.