Docs

[AbdulQ9]

I have tried using

@media (max-width: 979px) {
.x-widgetbar {
position: fixed;
}
}

But this didn’t work on my theme at all.
my site is
http://www.sphcdacop.org

[Paul R]

Hi,

Kindly change your code to this.

@media (max-width: 979px) {
.masthead .x-navbar.x-navbar-fixed-top {
      position:fixed;
      width:100%;
}
}

Hope that helps.

[AbdulQ9]

unfortunately, that didn’t work.

[Thai]

Hi There,

You forgot to close the curly bracket(}) in your custom CSS.

Please find:

@media(min-width: 1100px){
  .site .x-brand {
      position: absolute;
      padding-top: 1px;
  }

  .site .x-brand img {
    width: 120px;
  }    
  
.x-colophon.bottom {
	padding: 5px 0;
}
@media (max-width: 979px) {
.masthead .x-navbar.x-navbar-fixed-top {
      position:fixed;
      width:100%;
}
}

And replace to:

@media(min-width: 1100px){
	.site .x-brand {
		position: absolute;
		padding-top: 1px;
	}

	.site .x-brand img {
		width: 120px;
	}    

	.x-colophon.bottom {
		padding: 5px 0;
	}
}
@media (max-width: 979px) {
	.masthead .x-navbar.x-navbar-fixed-top {
		position:fixed;
		width:100%;
	}
}

Hope it helps 🙂

[AbdulQ9]

That did it good thanks a lot.

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts