Enable Author and Publication Date in Mobile view

calvinteoh replied

5 years ago

Customer Reply

Thanks for the great help! Really appreciate it. I have test it out and it is working :)

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Yes. You should all custom CSS code I've replied.

Regards,
PenciDesign.

calvinteoh replied

5 years ago

Customer Reply

Should I have the previous CSS code removed when I add the CSS you provided in the last response?

@media only screen and (max-width: 479px) {
    .home-featured-cat-content .magcat-detail .mag-meta {
        display: inline-block;
    }
}

This code is to remove the 3 bar icon, so I am maintain the CSS code that you provided earlier.

@media only screen and (max-width: 767px) {
    .penci-menuhbg-wapper {
        display: none;
    }
}

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please try to add the following custom CSS code:

@media only screen and (max-width: 1169px) {
    .featured-style-20 .penci-mag-featured-content .feat-meta,
    .featured-style-21 .penci-mag-featured-content .feat-meta,
    .featured-style-22 .penci-mag-featured-content .feat-meta,
    .featured-style-23 .penci-mag-featured-content .feat-meta,
    .featured-style-24 .penci-mag-featured-content .feat-meta,
    .featured-style-25 .penci-mag-featured-content .feat-meta,
    .featured-style-26 .penci-mag-featured-content .feat-meta {
        display: inline-block;
    }
}
@media only screen and (max-width: 479px) {
    .home-featured-cat-content .magcat-detail .mag-meta {
        display: none;
    }
    .penci-hide-tagupdated {
        display: inline-block !important;
    }
}

Regards,
PenciDesign.

calvinteoh replied

5 years ago

Customer Reply

That is cool, thanks for the prompt feedback. The custom CSS has solved my questions in the following:

The 3 bar menu is gone when in Mobile view.

However:

The main slider in the Homepage is still not showing Publication Date and Author (only Title, similar to the 1st image).
Other post in the Homepage is also still showing Publication Date (similar to the 1st image below). Is there any way I can also show Author as well?

PenciDesign Supporter replied

5 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .penci-menuhbg-wapper {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .home-featured-cat-content .magcat-detail .mag-meta {
        display: inline-block;
    }
}

Regards,
PenciDesign.

calvinteoh started the conversation

5 years ago

Conversation Start

I have 2 questions:

In the Mobile view, the author and publication date is not visible. How can I enable the author or the publication date? Example are the 2 images below in Mobile view, that only has the title shown.
In Mobile view, the menu is shrink into a 3 bar icon, so there are two 3 bar icon. How can I remove the right side menu (which is right beside the search icon)?