Portfolio – Gallery on Right glitch

[michaelmckeon]

Hi,

I’m using the ‘gallery on right’ layout template in my portfolio but there seems to be a glitch with the text are moving.
The text should remain still as the images scroll down but for the first part of scrolling down, the text moves and then jumps back into position.
Is there any way of fixing this?

If not, can I change it so that the text scolls with the images and disappears off the screen?

Thanks,

Michael.

[SeaTheme]

Hi,

Please leave your page URL here, I will check it. Thanks!
ps: do you find the glitch on the demo site https://seatheme.net/wp/art-theme/ux-portfolio/home/ ?

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[michaelmckeon]

Hi, I haven’t made the site live yet. It’s still on my desktop.
No, the glitch isn’t apparent on the demo site.

When I make the site live, I’ll repost in this thread.

Thanks,
michael

[annecgdnt]

Hi,

Not sure if I can respond here or if I should create a new thread.

I’ve started building my portfolio with Art theme and I have the same glitch with the ‘gallery on right’ layout template. And it seems like the glitch is also there on the ‘wide gallery’ layout template.

When I check the demo site, I don’t see any glitch.

My website address is: http://annegodinat.ch/home

Hope you can help!

Thanks,
Anne

[SeaTheme]

Hi Anne,

I checked your page, didn’t see glitch. All images are clear.
Did you mean there is not glitch on this site?
If you see glitch again, paste the URL what the page has glitch. I will check it.
Thanks!

[michaelmckeon]

Hi, I’m still seeing this glitch where the texts jumps down with the ‘gallery on right’ layout template.
Can you please help?
https://michaelmckeon.com.au/projects/monument

Thanks

[SeaTheme]

I checked your page, didn’t see glitch. Could you please paste a screencast, thanks!

[michaelmckeon]

Hi, I’m not sure how to paste a screencast here?
I’ve tried the website on safari, chrome and edge on multiple computers and can see the glitch every time.
After the first scroll, the text moves up with the images. Then the text jumps back down to where it should be.
Can I either have the text remain where it is or scroll with the images?

[SeaTheme]

Please edit this post, paste the content into WordPress default editor.(don’t create it by BM Content Builder.) I think it maybe caused by BM Content Builder.

[michaelmckeon]

Hi, I tried removing all text from the BM content Builder and only having text in the default editor but this didn’t fix the issue.
I also tried removing all text completely and only having a title but the issue is still there with only a title.

I hope we can fix this. Thanks in advance.

[SeaTheme]

Please paste the custom css code to “Appearance > Customize : Additional CSS”

@media (min-width: 768px) {
body.single.responsive-ux .single-gallery-col2-filled .title-wrap, 
.responsive-ux .single-gallery-col2 .is_stuck .title-wrap {
    padding-top: 140px; }
}

[michaelmckeon]

Hi, I tried the custom css code but it doesn’t seem to help. Any other ideas?
Thanks,
Michael

[SeaTheme]

Hi,
The css only work for “Gallery Style: filled”. Was it filled before?
It has been changed as “Gallery Style: standard” now.
If you want us to check if it works, please set it as filled.

Regards!

[michaelmckeon]

Hi, so is this not possible to fix with the standard gallery style?

[SeaTheme]

For standard gallery style , please try to change the css as:

@media (min-width: 768px) {
 .responsive-ux .single-gallery-col2 .is_stuck .title-wrap {  padding-top: 40px; }
}

[michaelmckeon]

Hi, it doesn’t seem to help unfortunately. Not sure what’s going on.

So is it possible to change the following:

– create transparent header for all portfolio project pages?
– have the text on the left side of the gallery scroll up with the images?

Thanks.

example project page: https://michaelmckeon.com.au/projects/monument

[SeaTheme]

Hi,

I checked your page, you didn’t change the css:
Please find the css( “Appearance > Customize : Additional CSS”):

@media (min-width: 768px) {
body.single.responsive-ux .single-gallery-col2-filled .title-wrap, 
.responsive-ux .single-gallery-col2 .is_stuck .title-wrap {
    padding-top: 140px; }
}

UPDATE as:

@media (min-width: 768px) {
 .responsive-ux .single-gallery-col2 .is_stuck .title-wrap {  padding-top: 40px; }
}

– create transparent header for all portfolio project pages?

Please add the css( “Appearance > Customize : Additional CSS”):

.single-ux-portfolio #header  {
    background-color: transparent;
}

– have the text on the left side of the gallery scroll up with the images?

I don’t understand this question, please give more tips.

[michaelmckeon]

Hi,

Thanks for your responses and continued support.
Unfortunately the issue still persists. I tried the custom css but it didn’t help.

Do you think it’s possible to fix this?

Thanks.

[SeaTheme]

Hi,

I didn’t see “glitch” by the CSS, Please check If there is the “glitch” on this page: http://themes.uiueux.com/art/ux-portfolio/raw/

[michaelmckeon]

Hi,

Yes, there is still a glitch. Do you want me to send screenshots? If so, where can I send them to?

[SeaTheme]

This reply has been marked as private.

[SeaTheme]

I think I misunderstood your question. did you mean that the text should not be sticky always. It is not bug, it is origin design. If you don’t want it.
Please remove the code in /js/custom.theme.js line 1287:

$('.sticky_column').stick_in_parent();

[SeaTheme]

If text fixed always, please use the CSS

@media (min-width: 1500px) {
	.single-col2-text-wrap.sticky_column { position: fixed!important; }
	.responsive-ux .single-gallery-col2 .is_stuck .title-wrap { padding-top: 140px;}
	.single-col2-gallery-wrap.col-md-8 { margin-left: 33.3333%; }
}

PS: it only works with “gallery width 2/3, gallery on right” and on big screen.

[Author]

Posts