Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 28, 2017 at 6:16 pm #814051
    dvalansi

    Hi, I followed a thread in here and created this page, however, on mobile, I would like it to return to normal, as in no hover over, since you can’t do that on mobile. I would accept another solution, the media queries I have don’t seem to be working.

    So the idea would be only desktop, it is displayed how is, but on mobile it would be displayed a different way, either normal, or another way( if you can think of a better solution)

    Thank you

    June 29, 2017 at 6:00 am #814232
    John Torvik

    Hey dvalansi,

    Please, may you give to me more specifications about your question?

    Best regards,
    John Torvik

    June 29, 2017 at 7:37 am #814263
    dvalansi

    I want to have the default portfolio view on mobile, with the title and excerpt

    June 29, 2017 at 3:28 pm #814531
    Victoria

    Hi dvalansi,

    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: 450px) {
  article .grid-content {
    opacity: 1 !important;
    text-align: center;
    padding: 5px;
  }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 29, 2017 at 5:23 pm #814598
    dvalansi

    perfect, thank you.

    Is there a way to display the name on desktop, but then only the excerpt on hover? Right now I have both name and excerpt displaying on hover.

    Thank you

    June 30, 2017 at 10:37 am #814898
    Nikko

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    article .grid-content {
    opacity: 1;
}

.grid-content .grid-entry-excerpt.entry-content {
    display: none;
}

article .grid-content:hover .grid-entry-excerpt.entry-content {
    display: block;
}

    Hope this helps :)

    Best regards,
    Nikko

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