Tagged: , , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 29, 2017 at 7:42 am #768630
    JasonC

    Hello, please view the link (private content). It appears underneath LA ROCHE-POSAY the title of the products are missing. There are 8 products spread over 2 rows with 5 columns. Product 1-3 do not display the title below the image due to the second row of 3 occupying this space. Can you please provide a CSS fix or php fix to address this. Products 1-3 are identical in terms of title/caption etc. It doesn’t matter what order the product is placed, the first 3 titles are missing.

    Thank you.

    • This topic was modified 7 years, 7 months ago by JasonC.
    April 1, 2017 at 9:54 am #770263
    Rikard

    Hey JasonC,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    April 1, 2017 at 11:32 pm #770455
    JasonC

    Thank you… access supplied.

    Please let me know the changes that were made/required.

    April 4, 2017 at 4:08 pm #771839
    Victoria

    Hi JasonC,

    I got 404 on both of those links. Can you please update the link if you still need help with this issue.

    Best regards,
    Victoria

    April 5, 2017 at 1:46 am #772120
    JasonC

    Hi Victoria – sorry we placed the site live yesterday. Same admin details. New links below. Thank you

    April 6, 2017 at 8:44 pm #773482
    Victoria

    Hi JasonC,

    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. This is a very temporary solution:

    
@media only screen and (min-width: 1000px) {
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-286,
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-288, 
.grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-290 {
  top: 296px !important;
}

}

    The images will be jumping on different screens, in order to get a solid solution, you might want to prepare images with 495×400 sizes, this is the one used for portfolio masonry and will work great in this case.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 10, 2017 at 3:52 am #775226
    JasonC

    Hi Victoria – thank you and I took your advice and changed the image sizes. Only issue is with responsive mobile, portrait and landscape, the product titles do not appear, only the last (end) image titles appear – thank you.

    April 11, 2017 at 3:09 pm #776089
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
div .av_one_fifth { height: auto !important; }}

    Best regards,
    Yigit

    April 11, 2017 at 11:15 pm #776364
    JasonC

    Perfect – thank you very much…

    April 12, 2017 at 6:53 am #776476
    Rikard

    Hi,

    Glad we could help, please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 12, 2017 at 6:54 am #776477
    JasonC

    Thank you, please close it.

    April 12, 2017 at 7:12 am #776493
    John Torvik

    Hi,

    Let us know if you have any other questions or issues :)

    Best regards,
    John Torvik

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Portfolio Grid Row Titles row overlap’ is closed to new replies.