How to hide meta information in mega menu item

Home Forums Gillion Theme How to hide meta information in mega menu item

Home Forums Gillion Theme How to hide meta information in mega menu item

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • Mai Quoc Khanh
    Participant

    Hello friends !

    I would like some issues to want your support

    First question: How to hide meta information in mega menu item (I have described as in picture)

    The second question: How to hide a specific meta in posts on the mobile interface but still on the desktop.
    For example, I want to hide the comments on mobile devices, but it will still show on my desktop and other devices.

    Hope to hear back soon, have a nice day.

    My website: https://www.maiquockhanh.com/

    Thanks !

    Mai Quoc Khanh
    Participant

    Sorry for forgetting to attach photos. This is an example of my first problem, thanks

    Attachments:
    You must be logged in to view attached files.

    Hi @Mai Quoc Khanh,

     

    I hope you are well today and thank you for your question.

     

    First question: How to hide meta information in mega menu item (I have described as in picture)

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    #header-navigation .tab-content .post-meta {
        display: none;
    }

     

    The second question: How to hide a specific meta in posts on the mobile interface but still on the desktop.
    For example, I want to hide the comments on mobile devices, but it will still show on my desktop and other devices.

    You can hide it on mobile using below custom CSS code.

     

    @media (max-width: 550px){
    #content article .post-meta a.post-comments {
        display: none;
    }
    }

     

    Best regards,
    Shufflehound team

    Mai Quoc Khanh
    Participant

    Thank you for the feedback. I have followed the instructions and all is fine, so for the Readtime, I also want to hide it on mobile devices, can you guide me?

    To hide read time on mobile, just change the above shared custom CSS code as below.

     

    @media (max-width: 550px){
    #content article .post-meta a.post-comments,
    #content article .post-meta  .post-readtime {
        display: none;
    }
    }
Viewing 5 posts - 1 through 5 (of 5 total)