Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 21, 2017 at 7:37 pm #879896
    jamesbarrell

    Sorry if this has already been discussed but I couldn’t find it anywhere before posting…

    I have created a Portfolio Grid using the preview of the entry using AJAX option. This Portfolio Grid sits inside one half of a Grid Row layout element (1/2 and 1/2).

    The problem I am having is with how this displays on tablets once a portfolio item is clicked to display its content. The text section is all squashed to the right hand side of the gallery. It looks great on larger screens like this but on tablets there just isn’t enough space available. On mobiles it is forced underneath the gallery. Is it possible to also force it underneath on tablets?

    Thanks,
    James.

    November 22, 2017 at 6:31 am #880089
    Nikko

    Hey James,

    Can you post a link of the page mentioned? so we can take a closer look.

    Best regards,
    Nikko

    November 22, 2017 at 12:57 pm #880224
    jamesbarrell

    Hey Nikko,

    Thanks for the reply.

    Will post link to dev site below in the private content section.

    November 23, 2017 at 7:10 pm #880869
    Nikko

    Hi James,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:1024px) {
  #top .av_table_col.first.portfolio-preview-image, 
  #top .portfolio-preview-content {
    width: 100% !important;
    display: block !important;
  }
}

    Let us know if this helps.

    Best regards,
    Nikko

    November 28, 2017 at 1:15 pm #882674
    jamesbarrell

    That works!

    Cheers Nikko…

    December 1, 2017 at 5:30 am #883688
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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