Screen Resolution

hi,

i have the same problem (“If I access the website on my PC with my web browser open on full screen, the image is cropped at the bottom. If I reduce the size of my browser window then the images are displayed correctly”) and i did’t understand do you have the solution of this problem or ?
i also want to be a happy woman 🙂

thank you 🙂

Ana

Hi Roman,

I know you have answered this topic all over the forum, but i am still having problems trying to get the aspect ratio right on my mobile view…i have added the code with the simple css plugin — but nothing has changed?

hightides.info

i tired this:

#slideshow .slides-container .slide-item{
  background-position: top center;
  background-size: 100% 100%;
}

as well as this:

code:

@media only screen and (max-width: 900px){
  #slideshow{
    height: 400px !important;
  }
}

@media only screen and (max-width: 600px){
  #slideshow{
    height: 210px !important;
  }

  .text-slider-section{
    top: 40%;
  }  
}
@media only screen and (max-width: 420px) {
  .text-slider .maintitle {
    font-size: 50%;
  }
}
#slideshow .slides-container .slide-item{
  background-position: top center;
  background-size: 100% 100%;
}

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

but still no response…what am i doing wrong?! I have combed through your responses, but i seem to be missing something! thank you

• This reply was modified 9 years, 2 months ago by bdbrown.
• This reply was modified 9 years, 2 months ago by bdbrown.

thanks….i did, and Kharis responded…i’m trying what he suggested…it was very helpful…you guys are great support…i am so appreciative…

Hello @nuruddin999,

You can try to use Meta Slider:
https://athemes.com/forums/topic/add-menu-background-for-a-slider-image/#post-168970

Kind Regards, Roman.