Support » Theme: Shapla » CSS Amendments

  • Resolved shoeless

    (@shoeless)


    I am having a couple of issues with CSS with this style. I have managed to hide, as I want, the text ‘Posted by’, ‘Posted on’ and ‘Posted in’ by each blog.

    These are the meta-tags by each blog entry and this looks fine. Until I view the page on a mobile then these tags reappear. For the intermediate size for the tablets these are correctly invisible.

    I am using the additional code below:

    .avatar{
    display:none;
    }

    .meta-sep {
    display:none;
    }

    .vcard{
    display:none;
    }

    .author{
    display:none;
    }

    .label{
    display:none;
    }

    /* Remove Post Author */
    .entry-meta .url.fn.n {
    display: none;
    }

    As I say these work on the desktop and on tablet but not on the mobile-sized viewports. What am I doing wrong?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hello,

    Can you please post a link to your site where I can see these so I can try to help with some CSS code?

    Thread Starter shoeless

    (@shoeless)

    Thanks for getting back to me.

    The site isn’t live yet but dumping this link here is no doubt going to make it so.

    http://blog dot ukhorseracing.co.uk

    No doubt I am doing something incredibly stupid and I would be grateful if you could correct my mistake.

    Hello,
    Use this custom CSS code

    @media screen and (max-width: 768px){
    .hentry.type-post .entry-meta {
        width: 100%;
        display: none;
    }
    }

    Hope it helps and let me know if you require any further assistance.

    Thread Starter shoeless

    (@shoeless)

    Thanks, that works a treat and mind-bogglingly simple. I can’t believe that I didn’t think of that.

    Muchly appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS Amendments’ is closed to new replies.