Nemanja Cakic

Hi,

You can fix that by adding this code to your child theme style.css or in plugin like “Simple Custom CSS”:

body.custom-background {
    overflow-x: hidden;
}

Also my suggestion is to also add this code to keep your menu-toggle link on smaller devices always above the content:

.menu-toggle {
   z-index: 100;
}

Regards.

You are welcome, glad that it works 🙂

Ok awesome, I’m glad that it works 🙂

Hello,

If you want to change height of your header background you can place this code in your child theme style.css file or use plugin like
https://wordpress.org/plugins/simple-custom-css/

@media only screen and (max-width: 500px) {
	body #header {
		background-size: 1280px 100px;
		min-height: 100px;
	}
}

Just change numbers how you want.

Regards,
Nemanja

Hi,

You can change scroll bar color like this:

::-webkit-scrollbar-thumb {
  background-color: red;  /* use your color */
}

You can also change other properties of scroll bar, like for example:

::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  background-color: gray;
}

::-webkit-scrollbar-thumb:hover {
  background-color: blue;
}

But you should know that styling scroll bar in this way is not supported in all browsers ( for me it doesn’t work on Mozilla and IE ) so it’s best to consider it just as a enhancement for your site.

Hello,

You can use this to fix menu

.navbar-nav {
    height: auto;
}

so it stays full height on mobile

and this

@media only screen and (min-width: 200px) and (max-width: 480px) {

.carousel-text .enigma_blog_read_btn {
    display: block;
}

}

@media only screen and (min-width: 767px) and (max-width: 992px) {
	.carousel-text .enigma_blog_read_btn {
	    display: inline-block;
	}
}

@media only screen and (max-width: 767px) and (min-width: 480px) {
    .carousel-text .enigma_blog_read_btn {
	    display: inline-block;
    }

}

to show you button always