Problems with Ipad

Hi i changed my Homepage on my website ([Links visible only for registered users]) and is all perfect but i have some problems with the ipad portrait version, exactly [Links visible only for registered users] ,I don't show  author, date in "masonry tiles"..

How I solve this problem?

Txs!

Comments

  • Hi,

    we are sorry but we do not understand. Do you mean to remove author and date of posts on iPads?
  • Ehm sorry..in masonry tiles blog , in  preview there's no author, date....

    [Links visible only for registered users]
  • 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; }
    }
  • :) mmmh but nothing with this css..
  • 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.
  • 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([Links visible only for registered users]); }
    .header-stack #Top_bar:not(.is-sticky) { background: url([Links visible only for registered users]) 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([Links visible only for registered users]) !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([Links visible only for registered users]) 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([Links visible only for registered users]) 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([Links visible only for registered users]); color: #f14343; }

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

    /* Footer */
    #Footer { background: url([Links visible only for registered users]) 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("[Links visible only for registered users]"); 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; }
    }
  • We asked you to move the css we gave you on 1st position. Did you tried?
  • edited January 2017
    Yes Yes..and nothing..ufff :-(
  • We suggest to take a look on the following screenshot [Links visible only for registered users] (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.
  • Ohh sorry if i understand immediately, now is: [Links visible only for registered users]

    Others is perfect!
  • 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.
  • No i changed but after crashed all colours, post.excerpt etc. and then i changed again..booh
  • 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.
  • Yess ..now i pasted the first css..I leave so you can see 
  • 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 [Links visible only for registered users] and we will do this ourselves.
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.