Removing by/author line in Mobile view

  • Unknown's avatar

    I have the Veni theme and have managed to sort the CSS for the desktop version in removing the author/by line in featured slider and posts. But for the life of me I can’t work out how to remove it from the featured slider on the mobile view! Please help. Current CSS I’ve used from my safari decoder is:


    @media
    only screen and (max-width: 1190px), all
    _static:1:188202body:not(.fullwidth-slider) .featured-slider .meta-data .byline {
    display: none;
    margin-right: 10px;
    }

    is this right?

    The blog I need help with is: (visible only to logged in users)

  • Hi –

    Thanks for getting in touch.

    One quick thought I had, was to add

    !important

    to the CSS segment. Add it before the

    ; semicolon and after none

    .

  • Unknown's avatar

    Thanks, I tried it like this


    @media
    only screen and (max-width: 1190px), all
    _static:1:188202body:not(.fullwidth-slider) .featured-slider .meta-data .byline {
    display: none !important;
    margin-right: 10px;
    }

    and no luck, still comes up with by/author line in the mobile view – but not on the desktop. Whats strange though the CSS I have for the blogs have worked on both views?? I just want to remove it from the featured panel on mobile view.. any other ideas?

    Thank you!

  • Can you try this adjustment? I’m thinking that static part is giving you some trouble.

    @media only screen and (max-width: 1190px) {
    body:not(.fullwidth-slider) .featured-slider .meta-data .byline {
        display: inline-block;
        margin-right: 10px;
    }
    }
  • Unknown's avatar

    Perfect thank you!

    I realised for some reason it was only showing the by/author line on the IOS view but not Android… but that doesn’t bother me – we’ve used all the codes we can.

    Thanks again

  • The topic ‘Removing by/author line in Mobile view’ is closed to new replies.