Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 21, 2019 at 2:45 pm #1168430
    marcoabis81

    Hi guys,
    I noticed that the featured image is not showing on mobile archive page. How can I fix this?
    https://www.ninserviziogratuito.co.uk/categoria/soldi

    I have this CSS which hides the featured image on blog post, I believe this should not hide the image on the archives.
    /* Hide featured image from blog post */
    .post-entry .big-preview {
    display: none !important;
    }

    Also, I read there is a snippet that helps to customize the archive page, I tried it but I do not know what to do after I pasted it in the PHP

    2019-12-21_1237

    Thanks
    Marco

    December 21, 2019 at 7:28 pm #1168500
    Victoria

    Hey marcoabis81,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .responsive .template-blog .blog-meta {
      display: block;

  }
    .responsive .template-blog .blog-meta a {
      display: block;
      width: 100%;
      height: auto;
      
  }
  .template-blog .post .entry-content-wrapper {
    width: 85vw;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 21, 2019 at 8:04 pm #1168507
    marcoabis81

    Hi Victoria,
    thank you for your help.

    However there are a few things I would like to ask you about.

      The images are little squares, they are not rectangular as the featured images I can see on the posts
      2019-12-21_1802
      Tags archives. On the top of the page there is written “articoli” which means post. How can I remove this?
      2019-12-21_1803

    Thanks
    again for your help.

    Marco

    December 24, 2019 at 7:54 pm #1168971
    Victoria

    Hi Marco,

    Where can I see the tag page? I cannot seem to find any.

    Happy Holidays!

    Best regards,
    Victoria

    January 2, 2020 at 5:16 pm #1169146
    marcoabis81

    Hi Victoria,
    I wish you a very good year :-)

    This is the tag page https://www.ninserviziogratuito.co.uk/tag/viaggiare

    It is ok that I see the square on desktop view https://www.screencast.com/t/EqLcOwJlDtf , but it is not nice on mobile view. (on mobile view I should see the same rectangular size of the features pic) https://www.screencast.com/t/vVqr5uDkCv3

    Thanks,
    Marco

    January 2, 2020 at 5:32 pm #1169163
    Yigit

    Hi Marco,

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    @media only screen and (max-width: 767px) {
.responsive .template-blog .blog-meta {
    width: 100%;
}}

    But since square images are 180x180px, they would look blurry. You can use this plugin – https://wordpress.org/plugins/simple-image-sizes/ to change their sizes and to regenerate them :)

    Best regards,
    Yigit

    January 2, 2020 at 5:36 pm #1169167
    marcoabis81

    Hi Yigit,
    I agree with you, the image is square on desktop view.

    Is there any way we can hide the square image on mobile and telling the theme to show on tag and category pages the featured image which is rectangular? and this should apply to tag page as well as on category page https://www.ninserviziogratuito.co.uk/categoria/turismo

    Marco

    January 3, 2020 at 3:29 am #1169221
    Ismael

    Hi,

    It is possible but the settings will be applied to desktop and mobile view. Set the Enfold > Blog Layout > Blog Layout settings to Single author, big preview pic. That should adjust the default layout of the archive pages.

    If you want to remove the square image on mobile view, add this css code.

    @media only screen and (max-width: 767px) {
    .small-preview {
	display: none !important;
    }
}

    Thank you for your patience.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.