Fix Logo | Experience Community
Skip to main content

Fix Logo

  • Dec 20, 2022 1:54 PM UTC
  • 5 replies
  • 126 views

Forum|alt.badge.img+1

Hello everyone,
is there a way to fix the logo while scrolling. I have not found anything yet in the forum.

5 replies

bstrahin
Level 6 ●●●●●●
Forum|alt.badge.img+38
  • Level 6 ●●●●●●
  • Dec 20, 2022 2:46 PM UTC

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Dec 20, 2022 3:51 PM UTC

You might be interested in freezeTopQ.


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Jan 3, 2023 3:55 PM UTC

Hi there, you might also give the below CSS a try over in the Style section of the survey's Look & Feel:
.Skin #Questions {
    padding-top: 80px;
}

#LogoContainer {
  position: fixed;
  background: #fff !important;
  border-bottom: 1px solid #ddd;
  z-index: 9999;
}


Forum|alt.badge.img+1
  • Author
  • Jan 4, 2023 7:48 AM UTC

Hello Tom_1842 ,
Thank you for your help. I have tried it out. The logo is fixed but as soon as I scroll the logo covers the questions. 


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Jan 4, 2023 2:30 PM UTC

I think I see what you mean. Try using the below instead:
.Skin #Questions {
    padding-top: 80px;
}

#LogoContainer {
  top: 0;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  background: #fff !important;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  z-index: 999;
}
In the below, the survey is using Flat layout and the Logo is set to Style = Floating and Placement = Centered.
LogoSticky.png