Problems with Ipad

BlackPower68 · January 2017

Hi i changed my Homepage on my website (http://www.davidbowieblackstar.it/) and is all perfect but i have some problems with the ipad portrait version, exactly https://postimg.org/image/vply6spyh/ ,I don't show author, date in "masonry tiles"..

How I solve this problem?

Txs!

Albert · January 2017

Hi,

we are sorry but we do not understand. Do you mean to remove author and date of posts on iPads?

BlackPower68 · January 2017

Ehm sorry..in masonry tiles blog , in preview there's no author, date....

https://s23.postimg.org/um51skznv/image1_1.png

Albert · January 2017

Ohh, ok. We can see what you mean now. Your images are not tall enough and that's why you date and author are hidden. So the only thing you can do with your images is to move boxes content down with the following css:

@media only screen and (max-width: 1239px) {
    .masonry.tiles .post-item:hover .post-desc-wrapper{ transform: translateY(-5px); }
    .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title::after{  display: none; }
    .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-head { display: none; }
    .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { padding-bottom: 15px; }
}

BlackPower68 · January 2017

mmmh but nothing with this css..

Albert · January 2017

Really? You must did something wrong then or you just have errors in your current css section and any custom css below the place where you did a mistake, won't work. We suggest to move it on 1st position and then check.

BlackPower68 · January 2017

Ok.. my actual css is

#Wrapper, #Content, #Header_wrapper {
    background-color: transparent;
}
#Wrapper {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

/* Logo */
#Top_bar #logo { padding: 30px 0; }

#Top_bar #menu { background: none; }
.header-stack #Top_bar { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_bg3-1.png); }
.header-stack #Top_bar:not(.is-sticky) { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_header-1.jpg) no-repeat top center !important; }

/* Menu */
#Top_bar .menu > li a:after { display: none; }

@media only screen and (min-width: 768px) and (max-width: 1239px) {
    #Top_bar #menu { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_bg3-1.png) !important; }
}

@media only screen and (min-width: 1240px) {
    #Top_bar:not(.is-sticky) .menu_wrapper { text-align: center; width: 100%; }
    #Top_bar:not(.is-sticky) .menu { width: 100%; }
    #Top_bar:not(.is-sticky) .menu > li { display: inline-block; float: none; }
    #Top_bar .menu > li > a span:not(.description) { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_border_right-1.png) no-repeat right center; }
    #Top_bar .menu > li:last-child > a span:not(.description) { background: none; }
}
@media only screen and (min-width: 768px) {
    #Top_bar:not(.is-sticky) .logo { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_border_bottom-1.png) repeat-x bottom center; }
}

/* Kravmaga title */
.kravmaga_title { font-size: 80px; line-height: 80px; letter-spacing: 45px; color: #f14343; font-family: Cabin Sketch; }

@media only screen and (max-width: 767px) {
    .kravmaga_title { font-size: 26px; line-height: 26px; letter-spacing: 17px; }
}

/* Portfolio */
.portfolio_group .portfolio-item .desc { background: rgba(48, 60, 73, 0.5); }

/* Image frame */
.image_frame, .wp-caption { border-color: rgba(48, 60, 73, 0.5); }

/* List */
.list_item.lists_1 .list_left { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_list_pattern-1.jpg); color: #f14343; }

/* Welcome */
#welcome { margin-top: -22px; }

/* Footer */
#Footer { background: url(http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_footer-01.png) no-repeat bottom center; }
#Footer .footer_copy .one { margin-bottom: 60px; padding-top: 45px; }

/* Form */
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty {
    background-color: #9f9a8e; color: #151c25;
}
input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus {
    background-color: #c9c3b5 !important; color: #0d141b;
}
input[type="submit"] { background: url("http://www.davidbowieblackstar.it/wp-content/uploads/2015/06/home_kravmaga_bg2-1.jpg"); border-radius: 0; color: #fff; font-weight: bold; padding: 11px 35px; }

.post-footer .post-links .post-more { color: #a6a6a6 !important; }

#Top_bar .menu > li > a span:not(.description) { padding: 0 10px !important; }

.post-meta .category {display: none;}

.masonry .post-excerpt { color: #000000 !important; }

.search-not-found .snf-desc h2, .search-not-found .snf-desc h4 { color: #FFF !important; }
.search-not-found .snf-pic i { color: #FFF !important; }

@media only screen and (max-width: 1239px) {
    .masonry.tiles .post-item:hover .post-desc-wrapper{ transform: translateY(-5px); }
    .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-title::after{ display: none; }
    .masonry.tiles .post-item:hover .post-desc-wrapper .post-desc .post-head { display: none; }
    .masonry.tiles .post-item:not(.no-img) .post-desc-wrapper .post-desc { padding-bottom: 15px; }
}

Albert · January 2017

We asked you to move the css we gave you on 1st position. Did you tried?

BlackPower68 · January 2017

Yes Yes..and nothing..ufff :-(

Albert · January 2017

We suggest to take a look on the following screenshot http://pasteboard.co/o0tLEmXG6.png (yes, this is a proof of how this code looks like on your site) and compare with the css we gave you above. For us, these css's doesn't look the same and also it is not in first position as we said.

BlackPower68 · January 2017

Ohh sorry if i understand immediately, now is: http://postimg.org/image/xl1h6rptr/

Others is perfect!

Albert · January 2017

It is still wrong. You did not even changed anything and still have the same bugs. If you really don't see anything, then you need to contact with your web developer.

BlackPower68 · January 2017

No i changed but after crashed all colours, post.excerpt etc. and then i changed again..booh

Albert · January 2017

Yes, it crashed because the css we gave you doesn't look the same same as the one you pasted. Just compare the css we gave you above with the one you pasted. These css's are different.

BlackPower68 · January 2017

Yess ..now i pasted the first css..I leave so you can see

Albert · January 2017

No, you didn't. Looks like you do not understand what we are trying to tell you so please send us WP dashboard access privately thru contact form on the right at https://themeforest.net/user/muffingroup#contact and we will do this ourselves.

BlackPower68 · January 2017

okk txs

Problems with Ipad

Comments