Mon. - Fri. 9 am - 5 pm Ask a Question
Remember me

Image display full width on mobile devices

2 weeks 11 hours ago #1

  • Klaus's Avatar
  • Klaus
  • Posts: 37
Hello,

I would like to display images on mobile devices full width. I have tried to increases the image width in settings but it does not work.
How can I do that?


aq-architekt.de/projekte


Kindly regards,
Klaus

2 weeks 11 hours ago #2

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15466
Hello,
Thank you for contacting us

The reason is in the styles of your template


Regards,
Vyacheslav, Balbooa.com

2 weeks 10 hours ago #3

  • Klaus's Avatar
  • Klaus
  • Posts: 37
Hello,

unfortunately it does not work when I deactivate padding of template (picture attached)
Attachments:

2 weeks 10 hours ago #4

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15466
Gallery width 100% of parent, in order for this to apply you need to reload (or resize) the page without padding, the width from your template also prevents the correct work

Regards,
Vyacheslav, Balbooa.com

2 weeks 9 hours ago #5

  • Klaus's Avatar
  • Klaus
  • Posts: 37
I edit the follwing code but unfortunately it still doesn't work:

}
.tm-top-c {
padding: 0;
}
#top-c .uk-container {
max-width: 100%;
padding: 0;

Regards,
Klaus

2 weeks 9 hours ago #6

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15466


You need to use this code.
@media (max-width: 768px){
    #top-c .uk-container {
        max-width: 100% !important;
        padding: 0 !important;
    }
}

Best Regards,
Vyacheslav, Balbooa Support Team

2 weeks 9 hours ago #7

  • Klaus's Avatar
  • Klaus
  • Posts: 37
Okay, now I got it. :)

Thank you very much!

2 weeks 9 hours ago #8

  • Vyacheslav's Avatar
  • Vyacheslav
  • Posts: 15466
You are welcome ;)
Let us know if you need more assistance!

Best Regards,
Vyacheslav, Balbooa Support Team
Powered by Kunena Forum