Snowflat theme, sticky header

Question

How can I make the header area sticky in the Snowflat theme?

Answer 1

Try putting something like this in your stylesheet:

#qam-topbar {
  position: sticky;
  top: 0;
  z-index: 1;
}

z-index puts the navigation bar before other elements.

Comments

It is very useful
I have use it on my theme

---

I used the sample page, it worked thanks a lot: https://tvtavsiye.com/soru-cevap

---

Works like a charm

---

Can you tell me how to do this, I'm not an expert, which file should I add and how?

---

You need not be an expert, but you do need a general understanding of cascading stylesheets (CSS) and how to use a text editor. The snippet goes into the stylesheet of your theme (usually ${Q2A_INSTALL_DIR}/qa-theme/SnowFlat/qa-styles.css). If you're using a different theme than SnowFlat replace the name with that theme's name. But in that case you may also need to adjust the CSS class name.

---

unfortunately i couldn't :(

---

Couldn't what?

---

I added the code where you said, but unfortunately it didn't work, my domain name is problemli.com

---

The code snippet clearly is not on your live system (https://www.problemli.com/qa-theme/SnowFlat/qa-styles.css). I'm not going to speculate why the change didn't show up there, since I know nothing about your workflow.

---

I have removed it because it is not there, my question is which code I will add in order not to spoil the site, I would appreciate it if you inform me about it.
sorry i'm just learning :)

---

The stylesheet already has a setting for the ID #qam-topbar (in line 375). Add the settings there. If you're still unsure of how to do that: please find a CSS tutorial first. This is not the right place for teaching you CSS basics.

---

it's done now, thank you very much, you helped me patiently :)