Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 21, 2020 at 3:28 am #1268918
    samanthashea

    Moderator Victoria recently help me move up the caption of a full width blog slider for a page I have.

    Unfortunately, while it looks good on desktop, the move is not seen on mobile. The text of the caption is also extremely small on mobile.

    I want the title “Pakistan” to look the same way on mobile that it does on desktop. This is the code we are using for desktop:

    .page-id-3540 h2 {
    margin-bottom: 320px !important;

}

    I would like this title to be “40 PX” mobile for all slider caption titles, not just this page. Please help. I have provided my temp log in and the link to the page in question.

    December 22, 2020 at 8:12 am #1269255
    Nikko

    Hi samanthashea,

    Please try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    @media only screen and (max-width:767px) {
  .page-id-3540 .slideshow_caption {
    padding-top: 0 !important;
  }
}

    Best regards,
    Nikko

    December 23, 2020 at 8:38 am #1269477
    samanthashea

    Ok thank you this worked. Earlier in the week I had posted about my blog post slider images being larger. They got larger but they literally shrunk again for no reason. Can you please help me again? I just want them to be the same size they are on this home page. They literally shrunk for no known reason.

    My H1 headings also reverted back to 30 px on desktop despite the fact that they’re set at 47 px in the enfold advanced settings. Please refer to the other site for the size I want my images on desktop. I’ve included the temp login.

    December 27, 2020 at 5:05 pm #1269871
    Victoria

    Hi samanthashea,

    Which headings here are you referring to?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

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