how to make top bar visible even during scroll

This topic has 10 replies, 6 voices, and was last updated 3 years, 7 months ago by Fernando.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
July 11, 2021 at 3:24 am #1851528

Manoj

i want the top bar to be visible even after the scrolling

pls advise how to do this?

https://ibb.co/VVnHnhT

July 11, 2021 at 3:24 am #1851529

Manoj

you can check top bar on the site

http://www.indiatshirts.in

image ref

https://ibb.co/VVnHnhT

July 11, 2021 at 4:10 am #1851555

David
Staff
Customer Support

Hi there,

do you want to keep the Sticky Navigation as well ? As that makes things a little more tricky.
Let me know.

July 11, 2021 at 4:42 am #1851576

Manoj

i have set sticky navigation to ‘off’

i don’t need it – thanks

July 11, 2021 at 11:11 am #1852022

Leo
Staff
Customer Support

Hi there,

We can’t seem to open your site. Is it blocking a specific country?

We are in Canada 🙂

July 11, 2021 at 4:22 pm #1852172

Manoj

sincere apologies.

the site is

https://www.indiatshirts.com/

thanks

July 11, 2021 at 8:19 pm #1852269
Elvin
Staff
Customer Support
Hi there,

Try adding this CSS:
```
.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
}

header#masthead {
    margin-top: 44px;
}

@media(max-width:359px){
    header#masthead {
        margin-top: 68px;
    }
}
```
July 11, 2021 at 8:32 pm #1852276

Manoj

thank you very much. it worked perfect.

generatepress – the theme + support rocks!

July 11, 2021 at 8:38 pm #1852280

Elvin
Staff
Customer Support

No problem. Glad to be of any help. 😀

October 4, 2022 at 6:28 pm #2363434

Paul

so i’d like to keep top bar visible with sticky navigation… pointers? thanks.

October 4, 2022 at 7:47 pm #2363491

Fernando
Customer Support

Hi Paul,

Can you create a new topic and share the link to your site there?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Author

Posts