CMS Development

emmabenchmarque
メンバー

How do you create a "floating" sidebar banner for a HubSpot blog?

解決

I was wondering how I can alter the sidebar banner on my actual individual blog pages?

 

Right now, we have some blogs that are too short compared to our banner, and it leaves a massive white blank space at the bottom of our page next to the banner when you scroll down. (see attached image)

 

I want the sidebar element to be fixed as you scroll to a certain point of the page - what is the CSS code I need to use?

 

 

Thanks for your help.Blog Side BannerBlog Side Banner

0 いいね!
1件の承認済みベストアンサー
stefen
解決策
キーアドバイザー | Solutions Partner
キーアドバイザー | Solutions Partner

How do you create a "floating" sidebar banner for a HubSpot blog?

解決

The CSS to use would be

.banner-class {
    position: sticky;
}

But be aware that position sticky is not supported in IE/Edge or Android's default browser. If you need more support you'll need to use javascript.

Stefen Phelps, Community Champion, Kelp Web Developer

元の投稿で解決策を見る

0 いいね!
2件の返信
stefen
解決策
キーアドバイザー | Solutions Partner
キーアドバイザー | Solutions Partner

How do you create a "floating" sidebar banner for a HubSpot blog?

解決

The CSS to use would be

.banner-class {
    position: sticky;
}

But be aware that position sticky is not supported in IE/Edge or Android's default browser. If you need more support you'll need to use javascript.

Stefen Phelps, Community Champion, Kelp Web Developer
0 いいね!
louischausse1
参加者

How do you create a "floating" sidebar banner for a HubSpot blog?

解決

It doesn't work for me... 😞

 

0 いいね!