Return to previous page

Sticky top bar on scroll - by peddlersagency

This topic has 5 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Robert Hall

peddlersagency

Participant

June 9, 2016 at 01:20

hi,

I was wondering what the CSS code would be to make the topbar sticky on scroll along with main nav for desktop only. I am using Varient 6.

Also on Scroll the nav items are aligned at the top. I want them in the centre.

I currently have some custom CSS for changing the style of the nav, and want to remove the right hand side border just on Contact. Is that possible?

.main-nav .menu > li {
text-decoration: none;
padding-right: 2px;
padding-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
border-right: 1px solid #f0f0f0;
}

.main-nav .double-border{border:none !important;}

Thanks so much!

#128970 Copied Theme version: 3

4 Answers
Robert Hall

Support staff

June 9, 2016 at 07:45
Hello,

Please try to add this code in custom.css
```
@media (max-width: 1200px){
.fixed-header {
    display: none !important;
}
}
```
```
.fixed-header-area .fixed-header .logo-with-menu+div+div {
    float: initial;
}
```
Regards,
Robert Hall
#128980 Copied
peddlersagency

Participant

June 10, 2016 at 02:13

Hi Robert,

Thanks for the response, it doesn’t seem to have worked though?

#129131 Copied

peddlersagency

Participant

June 10, 2016 at 02:22

Hi again, It’s the purple top bar I also want to make sticky along with nav. Also when I add in text to the widget it doesn’t display? Sorry for hassle.

#129132 Copied

Robert Hall

Support staff

June 10, 2016 at 07:23

Hello,

Please provide us with wp-admin access in Private Content.

Regards,
Robert Hall

#129137 Copied
Viewing 5 results - 1 through 5 (of 5 total)