Home Forums Free Themes Photo Perfect Masonry archive(layout options) : can I custumize appearance on small screens

This topic contains 9 replies, has 3 voices, and was last updated by  wensolutions 1 year, 2 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #74729

    Janne
    Participant

    I like the Photo Perfect theme a lot – displayed on a big screen. But when using the masonry layout achive and the screen gets smaller like on a smart phone, I the big black boxes (showing on the font site) with the eye and the link/page icon are too dominating. Is there any way that I can control / hide them showing on smaller devices?

    Se what I mean here: http://www.damborg-graphic.dk/masonry_theme_black_boxes.jpg

    Br. Janne

    #74755

    wensolutions
    Keymaster

    Hello @janne,

    First of all thank you very much for using the theme.

    To resolve your issue in the responsive view add below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media only screen and (max-width: 1023.99px){
    	.post-content h2 a {
     		display: block;
    }
    	.post-content a {   
    		display: none;
    }
    }

    Hope this helps.

    Best Regards!!

    #76441

    ulissesbertozzi
    Participant

    Hi, i’m trying to paste the CSS like you said, but it does not work.

    I want to remove the eye and the link icon, can you help?

    Tks!

    #76459

    wensolutions
    Keymaster

    Hello @ulissesbertozzi,

    Please add below given CSS by going to Admin Panel > Appearance > Customize > Addtional CSS.

    .post-content a.popup-link {
        display: none;
    }
    
    .post-content i {
        display: none;
    }

    Hope this helps.

    Regards!!

    #76485

    ulissesbertozzi
    Participant

    Thanks man! Perfect!

    #76505

    Janne
    Participant

    Hi THANKS – almost there.
    Can I also hide the title? So no black boxes will appear:
    http://damborg-graphic.dk/black_box_title_mobilephone.jpg

    And can we control, that it only hides on smaller devices/screens?

    Best regards
    Janne

    #76563

    wensolutions
    Keymaster

    Hello @ulissesbertozzi,

    Glad we could help you.

    If you have any issues further please let us know.

    Also, we would really appreciate if you could help us by rating our theme by following the link given below:

    https://wordpress.org/support/theme/photo-perfect/reviews/

    Thank you.

    #76564

    wensolutions
    Keymaster

    Hello @janne,

    Can you please please provide your site URL so that we can provide the precise fix on this?

    Thank you.

    Regards!!

    #76570

    Janne
    Participant

    Hi – the url is:
    http://www.damborgdrawings.dk/

    #76575

    wensolutions
    Keymaster

    Hello @janne,

    Please add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS and paste the CSS.

    @media only screen and (max-width: 1023px){
    .post-content {
        display: none;
    }
    }

    Hope this helps.

    Regards!!

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.