hide layerslider

Hi jordan ,

Thanks for quick reply
I used that css code before for slider
@media only screen and (max-width: 481px) {
#layer_slider_1 { display: none!important; }}
@media only screen and (min-width: 480px) {
#layer_slider_2 { display: none!important; }}
Actually I want to see slider on my phone screen but I don’t want to see on my computer web page.
That’s why I want to help from you because I used that code now I can’t see slider on two screen i mean mobile and pc.

Thanks ,
Orhan

Also How Can I change category picture ?
html code is <main class=”template-page content av-content-full alpha units”></main>
website link http://www.tarimyedekparcam.com.tr/urun-kategori/tum-urunler/
All category have same logo I want to change that picture.

Thanks,
Orhan

Üyelik formunu daha güzel bir hale getirmek için aşağıdaki css kodunu buldum bu gibi kodları nereye yapıştırmam gerekiyor seni daha fazla rahatsız etmek istemiyorum :)
Aşağıdaki css kodunun link’i https://codepen.io/icebob/pen/LEbQVY

@import “compass/css3”;

@import url(https://fonts.googleapis.com/css?family=Dosis:300|Lato:300,400,600,700|Roboto+Condensed:300,700|Open+Sans+Condensed:300,600|Open+Sans:400,300,600,700|Maven+Pro:400,700);

@import url(‘https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css&#8217;);

$textColor: White;
$greyColor: #BBB;

* {
@include box-sizing(border-box);
}

html {
background: black;
}

body {
font-family: “Open Sans”;
font-size: 16px;
color: $textColor;
font-smoothing: antialiased;
font-weight: 600;
}

a {
color: $greyColor;
}

.content:before {
content: “”;
position: fixed;
left: 0;
right: 0;
top: 0; bottom: 0;
z-index: -1;

display: block;
background-color: black;
background-image: url(‘http://ultraimg.com/images/Ho6hQWs.jpg&#8217;);
width: 100%;
height: 100%;
background-size: cover;

-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
filter: blur(2px);
}

.content {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
width: 540px;
height: 540px;

background-color: rgba(10, 10, 10, 0.5);
margin: auto auto;
padding: 40px;

@include border-radius(4px);
@include box-shadow(0 0 10px rgba(0,0,0,1));

.title {

text-align: center;
font-size: 2.0rem;
font-weight: 600;

padding-bottom: 30px;

} // .title

input {
width: 100%;
font-size: 1.2rem;
font-family: “Open Sans”;

margin: 10px 0px;

border: none;
padding: 10px;

@include border-radius(4px);

} // input

input[type=checkbox] {
display: none;
}

label {
display: inline-block;
width: 20px;
height: 20px;

cursor: pointer;
position: relative;

margin-left: 5px;
margin-right: 10px;
top: 5px;

&:before {
content: “”;
display: inline-block;

width: 20px;
height: 20px;

@include border-radius(3px);

position: absolute;
left: 0;
bottom: 1px;
background-color: #aaa;
@include box-shadow(inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8));
}
} // label

input[type=checkbox]:checked + label:before {
content: “\2713″;
@include text-shadow(1px 1px 1px rgba(0, 0, 0, .2));
font-size: 20px;
color: Black;
text-align: center;
line-height: 20px;
}

span {
font-size: 0.9rem;
}

button {
width: 100%;
font-size: 1.1rem;
padding: 10px;
margin: 20px 0px;

background-color: #66A756;
color: $textColor;
border: none;

@include border-radius(4px);
}

.social {
width: 100%;
position: relative;
overflow: hidden;
text-align: center;

span {
display: inline-block;
vertical-align: baseline;
padding: 0 20px;

&:before, &:after {
content: ”;
display: block;
width: 500px;
position: absolute;
top: 0.9em;
border-top: 1px solid $textColor;
}

&:before {
right: 75%;
}

&:after {
left: 75%;
}
}
}

.buttons {
width: 100%;
margin: 30px 0px;

button {
float: left;
width: 30%;
margin: 0px 1.5%;

i {
padding-right: 7px;
}

&.facebook {
background-color: #4464B2;
}

&.twitter {
background-color: #28A9E0;
}

&.google {
background-color: #DA4735;
}

} // button

&:after {
content: “”;
display: block;
clear: both;
}

} // .buttons

.already {
text-align: center;
font-size: 0.9rem;
}

} // .content

Selam Yiğit ,

mobildede ana ekranda <span class=”av-icon-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span> menü bölümüne bu kodu kullanmıştık insan figürü için fakat sepeti yanına sabit bir şekilde ekleyince ikisi birbirine yapıştı.ikisini birbirinden ayıramıyorum responsive denedim ama olmadı.
Masaüstünde gayet güzel duruyor ama mobil versiyonunu düzeltmem için ne yapmam gerekiyor ?
https://www.tarimyedekparcam.com.tr
Teşekkürler ,
Orhan

• This reply was modified 3 years, 11 months ago by obaskal.

Selam Yiğit ,

mobildede ana ekranda <span class=”av-icon-char” aria-hidden=”true” data-av_icon=”” data-av_iconfont=”entypo-fontello”></span> menü bölümüne bu kodu kullanmıştık insan figürü için fakat sepeti yanına sabit bir şekilde ekleyince ikisi birbirine yapıştı.ikisini birbirinden ayıramıyorum responsive denedim ama olmadı.
Masaüstünde gayet güzel duruyor ama mobil versiyonunu düzeltmem için ne yapmam gerekiyor ?

Teşekkürler ,
Orhan

Selam Yiğit,

teşekkür ederim mobilde ikisini birbirinden ayırdım fakat menü ve arama butonu logoya doğru kaydı. :)

Menü ve arama çubuğu biraz daha sağa gelebilir mi ? öksüz gibi ortada kaldı :)

Qick CSS alanına eklediğimiz tüm kodlar aşağıdadır :)

@media only screen and (max-width: 481px) {
.ls-dt-1,
.ls-dt-2 {
display: none !important;
}}
@media only screen and (min-width: 481px) {
.ls-mo-1,
.ls-mo-2 {
display: none !important;
}}
@media only screen and (max-width: 768px) {
#menu-item-shop .cart_dropdown_link {
margin-left: 20px;
}}

@media only screen and (max-width: 480px) {
.responsive #top #main .products .product {
width: 49%;
padding-right: 1%;
}}

@media only screen and (max-width: 990px) {
.only-desk,
.only-mob.menu-item-5021 {
display: none !important;
}
#menu-item-5021 {
display: block !important;
float: right;
}}
@media only screen and (min-width: 990px) {
.only-mob {
display: none!important;
}}
@media only screen and (max-width: 768px) {
.responsive #top #wrap_all .container.av-logo-container {
width: 100%;
max-width: 100%;
}}