great, works.
But what still not looks good is the slider text in rotated horizont mode.
in normal mode you css brought it to correct size.
which css I have to use for good text in horizontal view?
here is my whole actual css coding in theme settings:
.header-5 .jas-branding {
padding: 0;
}
@media only screen and (max-width: 1024px) {
.jas-navigation.hidden-sm { display: inline-block;}
}
@media only screen and (max-width: 812px) {
.jas-menu > li:not(:first-child) {margin-left: 25px;}
.jas-menu li {font-size: 12px;}
}
@media only screen and (max-width: 736px) {
.jas-menu > li:not(:first-child) {margin-left: 15px;}
.jas-menu li {font-size: 11px;}
}
@media only screen and (max-width: 480px) {
.jas-menu > li:not(:first-child) {margin-left: 10px;}
.jas-menu li {font-size: 8px;}
}
@media only screen and (max-width: 360px) {
.jas-menu > li:not(:first-child) {margin-left: 8px;}
.jas-menu li {font-size: 8px;}
}
.blog .page-head { margin-bottom: 60px;}
.metaslider .flexslider .flex-direction-nav li a.flex-prev,
.metaslider .flexslider .flex-direction-nav li a.flex-next {
outline: none;
padding: 0;
overflow: hidden;
top: 50%;
margin-top: -23px;
width: 40px;
height: 40px;
z-index: 8;
background: #b59677;
background-image: none;
border: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
text-shadow: none;
}
.metaslider .flexslider:hover .flex-direction-nav li a.flex-next {
right: 30px;
}
.metaslider .flexslider:hover .flex-direction-nav li a.flex-prev {
left: 30px;
}
.metaslider .flexslider .flex-prev:hover,
.metaslider .flexslider .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-prev:before,
.flex-direction-nav .flex-next:before {
font-family: ‘Pe-icon-7-stroke’;
font-size: 36px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
display: block;
line-height: 36px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.metaslider .flexslider .flex-direction-nav li .flex-prev {
left: 30px;
}
[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-prev {
right: 30px;
left: auto;
}
.metaslider .flexslider .flex-direction-nav li .flex-prev:before {
content: ‘\e686′ !important;
}
[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-prev:before {
content: ‘\e684′ !important;
}
.metaslider .flexslider .flex-direction-nav li .flex-next {
right: 30px;
}
[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-next {
right: auto;
left: 30px;
}
.metaslider .flexslider .flex-direction-nav li .flex-next:before {
content: ‘\e684′ !important;
}
[dir=’rtl’] .metaslider .flexslider .flex-direction-nav li .flex-next:before {
content: ‘\e686’ !important;
}
.jas-mini-cart .woocommerce-mini-cart__buttons img {max-width: 300px; margin-top: 10px;}
.wc-proceed-to-checkout a {font-size: 14px;text-align: center;display: block;}
.wc-proceed-to-checkout .wcppec-checkout-buttons__separator {margin: 0;}
@media only screen and (max-width: 736px) {
.vc_row.vc_custom_1513989788010 { padding-top: 50px !important; padding-bottom: 50px !important; }
.vc_row.vc_custom_1513989788010 h2..fs__50 { font-size: 20px;}
}
@media only screen and (max-width: 480px) {
.metaslider .slides img {height: 200px !important;}
.metaslider .flexslider .caption-wrap h4 font {font-size: 11px;}
}
.post-info .post-author, .post-info .post-time {display: none;}
.post-meta, .posted-on { display: none;}
.single-post .entry-date, .single-post .entry-date + .pr {display: none;}
