Public Forums 71,145 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#917457

Hi @cbtt,

Actually, the promobar is still sticky, however, it displays under the main menu (which is also fixed on top when scroll).

You can open the file: ROOT/templates/your_default_template/css/custom.css (create this file if it doesn’t exist) and add this css rule:

.uber-header.affix {
  top: 46px;
}

[cbtt Friend cbttJoin date: May 2015Posts: 24Downloads:10Uploads:6 Thanks: 6]

#917573

Hi @saguaros,

I see what you’re saying. I have added the css rule (see here http://beta.cbtt.sk/templates/uber/css/custom.css) but nothing has changed.

Any ideas?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#917807

This reply has been marked as private.

[cbtt Friend cbttJoin date: May 2015Posts: 24Downloads:10Uploads:6 Thanks: 6]

#919871

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#920116

I updated for you and you can see the topbar now. Kindly take a look.

1 user says Thank You to Saguaros for this useful post

1. cbtt

[cbtt Friend cbttJoin date: May 2015Posts: 24Downloads:10Uploads:6 Thanks: 6]

#920177

That’s awesome! Thank you, Saguaros. What did you change? Only added the code in custom.css?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#920178

Yes, I added ‘!important’ property so it overrides other style.

[cbtt Friend cbttJoin date: May 2015Posts: 24Downloads:10Uploads:6 Thanks: 6]

#920197

Thanks a lot, again.

One more (unrelated) question: can I use smooth scrolling in Uber templates? Right now, when you click on "Aktivity" from the menu bar, it just jumps to the location on the page. I would like to smoothly scroll there, just like "Back to top" button does. Is that possible?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#920314

You will need to customise the JS code here, this falls into custom work, pls hire a developer who can get it done for you.

[cbtt Friend cbttJoin date: May 2015Posts: 24Downloads:10Uploads:6 Thanks: 6]

#920353

Thank you for the reply. I’ll leave the smooth scroll for another day. 🙂

One more thing about the JA Promo Bar, when I hide it now using the arrow on the right, it creates a blank space / gap (see the attached file). I can think of 2 possible solutions:

1. Remove the arrow for hiding the message (but it removes a helpful feature)
2. When you hide JA Promo Bar, the menu bar scrolls back up thus removing the gap

Any ideas how it can be fixed?

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#920708

Its weird as when I click the arrow to hide promobar, it looks like this: http://nimb.ws/L473de

[cbtt Friend cbttJoin date: May 2015Posts: 24Downloads:10Uploads:6 Thanks: 6]

#920812

Hi Saguraos,

After all I have decided to go with another option. I made the menu bar not sticky and removed the extra spacing for the promo bar.

Thank you for all your assistance. I guess this thread can be now closed.

[Author]

Posts