Menü Sabitleme Sorunu

22-09-2018, 16:41:11

#1

gstaraftari

Şuradaki gibi sabitleme şansımız varmı burayı.

position relative veya absolute denedim ama düzelmedi.
22-09-2018, 16:47:15

#2

Misafir
gstaraftari adlı üyeden alıntı: mesajı görüntüle

Şuradaki gibi sabitleme şansımız varmı burayı.

position relative veya absolute denedim ama düzelmedi.

heeader a bu stilleri verirsen olur hocam
```
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
background: #FFC907;
```
22-09-2018, 16:51:58

#3

Cappystarj0e

Kimlik doğrulama veya yönetimden onay bekliyor.

.fixed-header-class olan yerlerde position: fixed olduğu için öyle oluyor.
onu hepsinden kaldırırsan düzelebilir.

dene bir istersen:
css dosyasında .fixed-header-class'ı ara, bulduğun her yerde position: fixed'ı kaldır.

22-09-2018, 16:56:13

Css dosyanıza aşağıdaki kodu eklemeniz yeterli.

.header-wrap{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%
}

22-09-2018, 17:01:41

#5

gstaraftari
Misafir adlı üyeden alıntı: mesajı görüntüle
heeader a bu stilleri verirsen olur hocam

position: fixed; z-index: 1000; top: 0; left: 0; right: 0; background: #FFC907;
Dediğinizi yaptım birşey değişmedi

Cappystarj0e adlı üyeden alıntı: mesajı görüntüle

.fixed-header-class olan yerlerde position: fixed olduğu için öyle oluyor.
onu hepsinden kaldırırsan düzelebilir.

dene bir istersen:
css dosyasında .fixed-header-class'ı ara, bulduğun her yerde position: fixed'ı kaldır.

Tamamen kalkmasın hocam, şerit olarak orada sabit kalmasını istiyorum.
22-09-2018, 17:05:15

#6

Cappystarj0e

gstaraftari adlı üyeden alıntı: mesajı görüntüle

Dediğinizi yaptım birşey değişmedi

Tamamen kalkmasın hocam, şerit olarak orada sabit kalmasını istiyorum.

1) sayfa aşağı kayınca sayfayla beraber aşağı inecek mi?

2) sayfa aşağı kayınca menü gözden kaybolacak ve üstte mi kalacak?

hangisi?

22-09-2018, 17:10:20

gstaraftari

Cappystarj0e adlı üyeden alıntı: mesajı görüntüle

1) sayfa aşağı kayınca sayfayla beraber aşağı inecek mi?

2) sayfa aşağı kayınca menü gözden kaybolacak ve üstte mi kalacak?

hangisi?

buradaki gibi sabit duracak.aşağı üste çıkma olmayacak.

Buda style dosyası

/* ===== 5. HEADER ===== */
.convertFixed {
	position: relative !important;
}

.header-style-1.relative-header-class .header-top-bar {
	display: none;
}

.header-style-1 {
	padding: 43px 0px 42px;
	margin-bottom: 90px;
	border-bottom: 1px solid #eae6e6;
	background: #FFFFFF;
}

.header-style-1.remove-gap-removed {
	margin-bottom: 0px;
}

.header-style-1 .header-top-bar:before,
.header-style-1 .header-top-bar:after,
.header-style-1 .header-main-area:before,
.header-style-1 .header-main-area:after {
	content: '';
	display: block;
	clear: both;
}

.header-style-1 .header-main-area .header-logo {
	float: left;
}

.header-style-1.fixed-header-class .header-main-area .header-logo {
	margin-top: 0px;
}

.header-style-1.fixed-header-class .header-main-area .header-logo .logo img {
	height: 25px;
	width: auto;
}

.header-style-1 .header-main-area .header-menu {
	float: right;
}

.header-style-1 .header-main-area .header-menu .navbar {
	border: 0px;
	border-radius: 0px;
	min-height: auto;
	margin: 0px;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-collapse {
	border: 0px;
	border-radius: 0px;
	margin: 0px;
	padding: 0px;
	box-shadow: none;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav {
	float: right;
	margin: 0px;
	padding: 0px;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li {
	float: left;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
	font-size: 13px;
	color: #333333;
	font-weight: 600;
	padding: 11px 15px 7px;
}

.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
	padding: 19px 15px 16px;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li:last-child>a {
	padding-right: 0px;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li a .fa-angle-down {
	margin-left: 5px;
}

.header-style-1.header-style-2 {
	position: absolute;
	background: transparent;
	border-bottom: 0px;
	width: 100%;
	top: 0px;
	z-index: 20;
	margin-bottom: 0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
}

.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
	color: #FFFFFF;
}

.header-style-1.header-style-2 .header-top-bar .social-links li a,
.header-style-1.header-style-2 .header-top-bar .social-links li a:visited {
	color: #FFFFFF;
}

.header-style-1.header-style-2 .header-top-bar .user-box-links {
	background: #fec82b;
}

.header-style-1.header-style-2 .header-main-area .header-logo {
	display: none;
}

.header-style-1.header-style-2 .header-main-area .header-alternative-logo {
	display: block;
}

.header-style-1.fixed-header-class .header-main-area .header-logo {
	padding: 15px 0px;
}

.header-style-1.header-style-2.fixed-header-class .header-main-area .header-logo {
	display: block;
}

.header-style-1.header-style-2.fixed-header-class .header-main-area .header-alternative-logo {
	display: none;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:last-child .dropdown-menu,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:nth-last-child(2) .dropdown-menu {
	left: inherit;
	right: 0;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:last-child .dropdown-menu .dropdown-menu,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:nth-last-child(2) .dropdown-menu .dropdown-menu {
	left: inherit;
	right: 100%;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li.dropdown:hover > .dropdown-menu {
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
	visibility: hidden;
	opacity: 0;
	display: block;
	box-shadow: none;
	border: 0px;
	padding: 13px 0px;
	min-width: 180px;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.08);
	pointer-events: none;
	border-top: 2px solid #f50101;
	border-radius: 0px;
}

.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu {
	border-top-color: #f50101;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu .dropdown-menu {
	left: 100%;
	top: 0;
	margin-top: 0px;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:visited {
	letter-spacing: 0.2px;
	font-weight: 500;
	margin: 0px;
	line-height: 18px;
	padding: 13px 22px 9px;
	border-bottom: 1px solid #eeeeee;
	background: transparent;
	font-size: 13px;
}

.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:visited,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:visited {
	color: #333333;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu>li:last-child>a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu>li:last-child>a:visited {
	border-bottom: 0px;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:hover,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:focus {
	background: transparent;
	color: #f50101;
}

.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:hover,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:focus {
	color: #f50101;
}

.header.header-style-1.fixed-header-class {
	position: fixed;
	top: 0;
	background: rgb(254, 200, 43);
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
	z-index: 500;
	border-bottom: 0px;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
	padding: 5px 0px;
}

.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
	color: #444444;
}

.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li:hover>a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a:hover,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a:focus {
	background: transparent;
	color: #f50101;
}

.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li:hover>a,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a:hover,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a:focus {
	background: transparent;
	color: #f50101;
}

22-09-2018, 17:16:55

Cappystarj0e

Şunu bir dener misin?

deneme yaparken, CTRL+F5 ile sayfayı yenilemen lazım.

yoksa eski cache'teki css dosyasını çağırır.

.convertFixed {
   position: relative !important;
}
 
.header-style-1.relative-header-class .header-top-bar {
   display: none;
}
 
.header-style-1 {
   padding: 43px 0px 42px;
   margin-bottom: 90px;
   border-bottom: 1px solid #eae6e6;
   background: #FFFFFF;
}
 
.header-style-1.remove-gap-removed {
   margin-bottom: 0px;
}
 
.header-style-1 .header-top-bar:before,
.header-style-1 .header-top-bar:after,
.header-style-1 .header-main-area:before,
.header-style-1 .header-main-area:after {
   content: '';
   display: block;
   clear: both;
}
 
.header-style-1 .header-main-area .header-logo {
   float: left;
}
 
.header-style-1.fixed-header-class .header-main-area .header-logo {
   margin-top: 0px;
}
 
.header-style-1.fixed-header-class .header-main-area .header-logo .logo img {
   height: 25px;
   width: auto;
}
 
.header-style-1 .header-main-area .header-menu {
   float: right;
}
 
.header-style-1 .header-main-area .header-menu .navbar {
   border: 0px;
   border-radius: 0px;
   min-height: auto;
   margin: 0px;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-collapse {
   border: 0px;
   border-radius: 0px;
   margin: 0px;
   padding: 0px;
   box-shadow: none;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav {
   float: right;
   margin: 0px;
   padding: 0px;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li {
   float: left;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
   font-size: 13px;
   color: #333333;
   font-weight: 600;
   padding: 11px 15px 7px;
}
 
.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
   padding: 19px 15px 16px;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li:last-child>a {
   padding-right: 0px;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li a .fa-angle-down {
   margin-left: 5px;
}
 
.header-style-1.header-style-2 {
   position: absolute;
   background: transparent;
   border-bottom: 0px;
   width: 100%;
   top: 0px;
   z-index: 20;
   margin-bottom: 0px;
   background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
}
 
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
   color: #FFFFFF;
}
 
.header-style-1.header-style-2 .header-top-bar .social-links li a,
.header-style-1.header-style-2 .header-top-bar .social-links li a:visited {
   color: #FFFFFF;
}
 
.header-style-1.header-style-2 .header-top-bar .user-box-links {
   background: #fec82b;
}
 
.header-style-1.header-style-2 .header-main-area .header-logo {
   display: none;
}
 
.header-style-1.header-style-2 .header-main-area .header-alternative-logo {
   display: block;
}
 
.header-style-1.fixed-header-class .header-main-area .header-logo {
   padding: 15px 0px;
}
 
.header-style-1.header-style-2.fixed-header-class .header-main-area .header-logo {
   display: block;
}
 
.header-style-1.header-style-2.fixed-header-class .header-main-area .header-alternative-logo {
   display: none;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:last-child .dropdown-menu,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:nth-last-child(2) .dropdown-menu {
   left: inherit;
   right: 0;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:last-child .dropdown-menu .dropdown-menu,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li:nth-last-child(2) .dropdown-menu .dropdown-menu {
   left: inherit;
   right: 100%;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li.dropdown:hover > .dropdown-menu {
   pointer-events: auto;
   visibility: visible;
   opacity: 1;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   -ms-transition: 0.3s;
   transition: 0.3s;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu {
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
   -ms-transition: 0.3s;
   transition: 0.3s;
   visibility: hidden;
   opacity: 0;
   display: block;
   box-shadow: none;
   border: 0px;
   padding: 13px 0px;
   min-width: 180px;
   box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.08);
   pointer-events: none;
   border-top: 2px solid #f50101;
   border-radius: 0px;
}
 
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu {
   border-top-color: #f50101;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu .dropdown-menu {
   left: 100%;
   top: 0;
   margin-top: 0px;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:visited {
   letter-spacing: 0.2px;
   font-weight: 500;
   margin: 0px;
   line-height: 18px;
   padding: 13px 22px 9px;
   border-bottom: 1px solid #eeeeee;
   background: transparent;
   font-size: 13px;
}
 
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:visited,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:visited {
   color: #333333;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu>li:last-child>a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu>li:last-child>a:visited {
   border-bottom: 0px;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:hover,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:focus {
   background: transparent;
   color: #f50101;
}
 
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:hover,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav li .dropdown-menu li a:focus {
   color: #f50101;
}
 
.header.header-style-1.fixed-header-class {
   top: 0;
   background: rgb(254, 200, 43);
   padding-bottom: 0px;
   padding-top: 0px;
   width: 100%;
   z-index: 500;
   border-bottom: 0px;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
   padding: 5px 0px;
}
 
.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a,
.header-style-1.fixed-header-class .header-main-area .header-menu .navbar .navbar-nav>li>a:visited {
   color: #444444;
}
 
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li:hover>a,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a:hover,
.header-style-1 .header-main-area .header-menu .navbar .navbar-nav>li>a:focus {
   background: transparent;
   color: #f50101;
}
 
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li:hover>a,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a:hover,
.header-style-1.header-style-2 .header-main-area .header-menu .navbar .navbar-nav>li>a:focus {
   background: transparent;
   color: #f50101;
}

22-09-2018, 17:22:47

#9

Webbilgim

wp-content/themes/rigel/_css/main.css 'de ;

#inner-header {
position: relative;
height: 100px;
}

yerine;

mesajalcom 'un vermiş olduğu aşağıdaki kodu kullanın;

#inner-header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
background: #FFC907;
}