[Glen Pavelich]

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://

 

 

 

[Sakin]

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

[Glen Pavelich]

That worked nicely, thank you very much.

 

 

[Glen Pavelich]

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

[Glen Pavelich]

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

[Sakin]

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

[Glen Pavelich]

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

 

G

[Author]

Posts