Fix Logo | XM Community
Skip to main content

Fix Logo

  • December 20, 2022
  • 5 replies
  • 46 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.

bstrahin
Level 6 ●●●●●●
Forum|alt.badge.img+38
  • Level 6 ●●●●●●
  • December 20, 2022

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • December 20, 2022

You might be interested in freezeTopQ.


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • January 3, 2023

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

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 ●●●●●●●●
  • January 4, 2023

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


Leave a Reply