Forum Replies Created
-
Posts
-
Hey Jordan,
Sorry to bug you, I’m looking at a different page in Safari, and it’s still happening. Even with the color section. Can you check this out?
(Color section was removed here after trying it)
Thank you,
Chrisah I see!
Dude thank you so much for all your help. I really appreciate everything.
Have a good weekend!
ChrisYes
And I see. So what if I give every color section on different pages the same name? It’ll apply to all right?
So I’ll only need one custom CSS. And last thing!Could you give me an example of how to implement this? If I used “pagejump” as the custom CSS class.
I’m a bit unsure how to add that into the css you gave me.Thanks!
Ah okay got it!
And adding this CSS will remove the color sections on any page right? Since I’ll be using this method wherever the page jumps.
Hey Jordan,
That seemed to fix it! But is there any way to do 1 of these 2 two things?
1. Reduce the gap now between the text box and masonry gallery.
2. Hide a color section on mobile, since it doesn’t happen there.Thanks!
Hey Jordan,I found a solve but I think it’s only temporary. I would still like a solution to this.What I’ve done in the meantime…It only happens to pages that have a text box right above the masonry gallery. I placed a 100×100 clear box (.png file) inside the grid row and beneath the text box, and this issue doesn’t happen anymore. Im not sure why it fixed it that way, but it did.Sorry I spoke too soon :/. I just looked at my site on a bigger screen (Macbook 15″) and the issue is still happening.
Thank you,
ChrisHey Jordan,
Im confused. Did you deactivate it?
I stil see the page jumps. Like on this page for example:
And I deactivated jetpack entirely and its still happening. Can you fix this?
Thank you,
ChrisHey Jordan,
I removed it. The issue is gone, but the “related” text on the bottom is back.
Thank you,
ChrisHey,
I actually think it’s related to the CSS.
When I got this CSS (below) to remove the related tags at the bottom of masonry portfolio, this jump happens.
.single portfolio .blog-tags, .single-portfolio .page-thumb, .single-portfolio .jp-relatedposts {
display: none !important;
}Is there no way around this? A different CSS perhaps? It really bothers me that this happens on my pages. It doesn’t look good :(
Hey,
You don’t see the text box on this page?
The text that says
“Zach Wilson
Cover art and creative direction for Zach Wilson’s debut album: “Fall of a man, Rise of a King”. Shot by David Hartz. More info + visuals coming soon.Concept | Art Direction | Photography ”
Or on this page?
“R/GA Stories
Dedicated to the Naik family. In memory of one of my best friends, Ravi Naik. More info & imagery coming soon.Art Direction | Editorial | Design”
As soon as you begin to scroll past the page, it does a bit of a hiccup. Like the entirely jumped down 30 pixels. It’s not a smooth scroll.
Hey Jordan,
It’s happening in the link I posted above and in any portfolio item. It happens right as you’re scrolling past the text box, while the masonry portfolio gallery fades in.
Thank you,
ChrisHey Nikko,
That worked! But adding this CSS pushed my text to the right, its not aligning anymore with the header :/
ccyran.com
Hey Nikko!
Sorry to bug you, I put my text box inside a color section so it always stays aligned with the header, but now that css doesn’t work anymore :/. Could you adjust it so it does?
Thank you so much!
Hey Yigit,
That works! But two things happened now…
1. I had CSS used to set a max-width on the text, but it looks like it needs to be changed now that its in a color section, because its not working.
Nikko provided this!
.home #av-layout-grid-2 .flex_cell.av_four_fifth {
width: 100%;
max-width: 800px;
display: block;
}2. For some reason, the tracking (letter-spacing) on the text got slightly bigger when inside this color section. Can you provide CSS to fix this? **temporary solve on my end, I used this css inside the text box: letter-spacing: .02em;**
Thanks!
Chris
