Responsive Web Design mode

  • Resolved Bicounet

    (@bicounet)


    2 years ago

    hello,
    Download Manager is very satisfactory with the default model. I find that the link is very practical, because it allows to have a summary of the contents of the document.
    On the other hand, the display on phone mobile is not very readable, because it does not integrate the “responsive” mode.
    How can this problem be solved?
    Thanks in advance.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @bicounet

    Greetings for the day.

    Can you please share your related page URL so that we can check the issue?

    Regards

    Thread Starter Bicounet

    (@bicounet)

    https://moulinsdu18.000webhostapp.com/

    aera “Adhésion“

    https://moulinsdu18.000webhostapp.com/espace-adherents/

    ?https://imgur.com/jmmKmKq.png

    • This reply was modified 2 years ago by Bicounet.

    Hi @bicounet

    Thank you for sharing the URL’s.

    Please add the below CSS code in the Customizer>Additonal CSS should resolve the issue.

    @media (max-width: 480px) {
  .link-template-default .media{
    display: block !important;;
  }
  .link-template-default .media .mr-3{
    float: left !important;
    display: inline !important;
  }
  
  .link-template-default .media .ml-3{
    margin-left: 0 !important;
    margin-top: 15px;
  }
   
}

    However, for this URL please set the margin left and right from your corresponding editor or page builder.

    Here’s the reference screenshot: https://prnt.sc/eCY7FZJ1lQ5D

    With Regards

    Thread Starter Bicounet

    (@bicounet)

    Ok, I test your code.
    For information, I currently use the Kadence theme with Gutenberg as editor.
    It is now much more readable.
    See attached. https://imgur.com/hsTGvSy.png
    Thanks for your help

    • This reply was modified 2 years ago by Bicounet. Reason: mode responsive

    Hi @bicounet

    You are welcome and glad to hear that.

    However, If you get some free moments, please give us a 5* here and add your valuable review about our plugin.

    Your rating keeps us inspired.

    Thanks

    OWDT can employ responsive design techniques, such as using CSS media queries, to create fluid layouts that automatically adjust and reflow content based on the user’s device.

    Also Optimizing images for different screen sizes by using responsive image techniques, such as serving different image sizes based on the user’s device is another factor for responsive web design. OWDT as the most professional web design Houston company can assist in implementing responsive design and you can trust them to have the best web design for any industry in which you work. see OWDT’s portfolio here.

    • This reply was modified 1 year, 9 months ago by alexx69.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Responsive Web Design mode’ is closed to new replies.