DNN Forums

Ask questions about your website to get help learning DNN and help resolve issues.
Prev
Next

Images not responsive on mobile

Forums > Themes, Containers, and Templates
Sort:
You are not authorized to post a reply.





JasonMoss

New Around Here



Posts:6
New Around Here




9/9/2019 9:49 PM

    I've built a new page on a client's site and the images look fine on desktop but they aren't being responsive on mobile and it looks horrible of course. 

    I don't know DNN that well and looking for easy instructions on how to make the images responsive. 

    There are other images on the website and they are all fine, just not on the new pages I'm creating. 

     






    Timo Breumelhof (40F)

    Veteran Member



    Posts:1100
    Veteran Member




    9/10/2019 4:40 AM

      It depends on how the other pages are built.
      If you have HTML knowledge, do you see different HTML on the other pages?

      Or could you post links to pages with good and bad responsive images?

      40FINGERS Web Solutions · Style Helper · DDR Menu Demo Skins · SEO Redirect





      muddeatr

      Growing Member



      Posts:31
      Growing Member




      9/26/2019 11:44 AM
        All depends on your theme's css and where your collecting the responsive class for the images. But the standard Bootstrap class for an image is (class="img-responsive") so you may want to add that class to your images and see what happens. It won't make it any worse.





        Michael Tobisch

        Veteran Member



        Posts:1125
        Veteran Member




        9/27/2019 2:30 AM

          To give my 2 cents: img-responsive is for Bootstrap 3, for Bootstrap 4 it is img-fluid (as documented here: https://getbootstrap.com/...4.0/content/images/)

          Happy DNNing!
          Michael

          Michael Tobisch
          DNN★MVP

          dnnWerk Austria
          DNN Connect





          Will Strohl

          Veteran Member



          Posts:1260
          Veteran Member




          10/19/2019 4:55 PM

            All solid advice.  I'd also suggest using a structured content solution when you can to make this easier and faster - especially when allowing non-technical people to edit the content.  OpenContent (my preferred) and 2sxc seem to be the most popular options right now.  

            Will Strohl

            Upendo Ventures Was my answer helpful to you? Please... Sponsor Us On GitHub ;)
            DNN experts since 2003 | We Build LOTS of DNN stuff...
            DNN-based E-Commerce w/ Hotcakes Commerce
            You are not authorized to post a reply.

            These Forums are dedicated to the discussion of DNN Platform.

            For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

            1. If you have (suspected) security issues, please DO NOT post them in the forums but instead follow the official DNN security policy. 
            2. No Advertising. This includes the promotion of commercial and non-commercial products or services which are not directly related to DNN.
            3. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
            4. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
            5. No Flaming or Trolling.
            6. No Profanity, Racism, or Prejudice.
            7. Site Moderators have the final word on approving / removing a thread or post or comment.
            8. English language posting only, please.

            Would you like to help us?

            Awesome! Simply post in the forums using the link below and we'll get you started.

            Get Involved