Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #311769
    Glen Pavelich
    Participant

    Is there a media query that can be added to replace the feature slider with a smaller image for phones.  As you can see on a small phone screen the home page of https://artlessonslyndabmoyer.ca does not present well.  I came up with a replacement image test but don’t know how to apply it.  OR if that is the best option. Can you help?

     

    See: alternate image    artlessonslyndabmoyer.ca/wp-content/uploads/2022/10/PhoneBanner.jpg

    that’s https://

     

     

     

    #311774
    Sakin
    Keymaster

    Hi Glen,

    What about making an image in the center as you have the background black and it matched the design? Try adding following CSS in “Appearance => Customize => Additional CSS” box:

    @media only screen and (max-width: 768px) {
      #feature-slider-section .post-thumbnail img {
        position: relative;
      }
    }

    Regards,
    Sakin

    #311848
    Glen Pavelich
    Participant

    That worked nicely, thank you very much.

     

     

    #311850
    Glen Pavelich
    Participant

    Is there a way to make the tagline show, and also have the slider image move up closer to the hamburger menu?

    Inspect here:

    http://www.responsinator.com/?url=artlessonslyndabmoyer.ca

     

    Thanks

    #311851
    Glen Pavelich
    Participant

    Correction.  Tagline shows, it’s the slider ‘content’ that doesn’t.  Can that be made to appear on phones?

    #311867
    Sakin
    Keymaster

    Hi Glen,

    Can you try to add the following CSS in “Appearance => Customize => Additional CSS” box:

    #feature-slider-section .entry-container p:not(.more-link), 
    #feature-slider-section .slider-logo + h2.entry-title {
      display: block;
    }

    Regards,
    Sakin

    #313291
    Glen Pavelich
    Participant

    Sorry, I forgot about this ticket.  Thank you.  That worked well.

     

    G

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Feature Slider not displaying well on phones’ is closed to new replies.