Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2823161
Enable Author and Publication Date in Mobile view
Closed

Comments

  • calvinteoh started the conversation

    I have 2 questions:

    1. 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. 
    2. 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)? 

    1220760210.png


    6964188459.png
  •  2,494
    PenciDesign replied

    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 replied

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

    1. The 3 bar menu is gone when in Mobile view.

    However:

    1. The main slider in the Homepage is still not showing Publication Date and Author (only Title, similar to the 1st image). 
    2. 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 replied privately
  •   calvinteoh replied privately
  •  2,494
    PenciDesign replied

    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

    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;
        }
    }



  •  2,494
    PenciDesign replied

    Hi,

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

    Regards,
    PenciDesign.


  • calvinteoh replied

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