nicbrancato

I figured it out! It was this line of code:

html {scroll-behavior: smooth}

The following url on my site goes to an anchor that is mid-way down the page: https://www.nicolebrancato.com/discography/#video when you click the link, the top of the page loads first, then there is some lag time, then it scrolls quickly to the anchor point. 

If you are already on the top of the page "discography" and follow the link "video" through the dropdown menu ("watch/listen" in the header, then to "video"), it will scroll right down.

My question is this: can I make the anchor link (https://www.nicolebrancato.com/discography/#video) load straight awayto the anchor point, instead of the top of the page loading first and then having lag time?

Thanks in advance for the help!

Hi @tuanphan! Any ideas here? So far, I've only been able to produce that effect on an iphone.

@tuanphan here's a video too, in addition to the link above.

That worked, thank you so much!

Thank you for your help! Here it is: https://www.nicolebrancato.com/discography

Thanks for your help! Here it is: https://www.nicolebrancato.com/ 

The content inside the iframe embed player from Bandcamp automatically aligns left. I am trying to align it center, and can't seem to figure it out. All help is appreciated!

There is a huge amount of extra white space underneath my footer in only certain contexts - so far, I've only seen it on mobile iphones. I can't replicate it on Android or desktop. Totally stumped! Any help is greatly appreciated!

Did anyone every figure this out? Would love to be able to link both the title and thumbnail!

Thanks for your help!

That seemed to make the content larger than the screen, so there was a horizontal scroll bar. Is there a way to make the content adapt to the full width of the screen size?

I'm trying to make select images full width on blog pages. So far, I've been able to change their size by editing padding and margins, but then the images don't adapt to changing screen sizes. 

Here is an example image, with lots of room to either side. 

Alternatively, I'd be happy if I could make a banner image on blog posts, but the plan I'm using doesn't seem to allow javascript. Not sure if there is another way to do it, but if there is, I would welcome it!

Any help is greatly appreciated!

17 hours ago, Web_Solutions said:

Can you make a video?

Yep, here is a video I made on mobile , but the same sorts of things happen on desktop. You can see things like background images jumping into the right place, text appearing first and then moving to fit around images, quick flashes of things before they settle into the animation, etc. 

Thank you for your help!

9 hours ago, Web_Solutions said:

Are you telling about website animations? 

I'm not exactly sure. It seems like when some of the pages load, the background image might jump from an incorrect place into the right one, or the header shifts from a wrong spot into the right spot before running through the proper animation. It all happens very quickly, right when a page loads.

Site URL: https://www.nicolebrancato.com/

Hi,

When some of the pages on my website load, the background and content seem to quickly jump into place. There is a flickering or jumpiness with the content that is happening for just a moment right when the page first loads, then the page will function normally. Not all the pages are doing this. Is there any way to fix this? Any help is greatly appreciated, thank you!

N

Hi tuanphan - thanks for your help.

I'm not entirely sure what that means. 

I'm looking to have the text overlay box and image resize together, so that when screens get larger they both get bigger, and the same when screens get smaller (I guess mobile would be different though!)

Is there a workaround to this - perhaps creating a text box that has a colored background and putting it next to an image? Would you know how to do that? I can't seem to figure out how to make text boxes have background color.

Thanks again - I appreciate it!

Site URL: https://www.nicolebrancato.com/about

Is it possible to make images and image cards rezise together, so that the height of the two of them are always equal?