Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 15, 2016 at 10:19 am #672584
    marijnmees

    Hi there,

    I have an issue with responsiveness of our site (see private info for details). I would like to switch off responsiveness, so the site shows just a scaled version on the Ipad instead of a responsive site, where I find the fonts too big, and cutting too much of the images. If possible mobile phone should be responsive. Switching off the responsiveness does not change how the site looks on mobile devices at all.

    Thanks for your help.

    August 17, 2016 at 9:09 am #673570
    Ismael

    Hey marijnmees,

    Thank you for using Enfold.

    Did you remove the browser cache or hard refresh the page after deactivating the “responsive” option? Note that this will affect both tablet and phone view.

    Best regards,
    Ismael

    August 17, 2016 at 9:56 am #673592
    marijnmees

    Hi Ismael,

    Thanks for the reply ! I did empty the cache, but this doesn’t seem to have the desired effect (shows the same as before). In a way what I would like is that on the Ipad it shows a downscaled version of the site. Now everything is too big……

    Thanks,

    Marijn

    August 20, 2016 at 9:33 pm #675091
    Josue

    Hi,

    Can you post the login URL?

    Best regards,
    Josue

    August 23, 2016 at 9:25 am #676259
    marijnmees

    Hi Josue,

    See details in the private section.

    Regards,

    Marijn

    August 24, 2016 at 7:09 am #676824
    Rikard

    Hi,

    Thanks for that, the login details are not working though, could you check/verify please?

    Best regards,
    Rikard

    August 24, 2016 at 9:07 am #676860
    marijnmees

    Hi,

    Strange, I tested it and it worked. See details in the private section.

    regards,

    Marijn

    August 26, 2016 at 4:38 am #677903
    Josue

    Hi!

    Can you post a screenshot of your view on mobile?

    Regards,
    Josue

    August 29, 2016 at 9:37 am #678780
    marijnmees

    Hi,

    Please see private section for links to the uploaded images. These are screenshots of an iPad-mini retina display. What you see is that the photo’s are cut off and the text is too big. Somehow the site does not scale down properly, compared to on a desktop or laptop browser.

    Thanks for the help.

    Regards,

    Marijn

    September 1, 2016 at 7:54 am #680544
    Ismael

    Hey!

    Thank you for the screenshots but I don’t see any obvious issues with it aside from the images. Parts are cut off which is quite normal because the background size property of the grid cells is set to “cover” (http://www.w3schools.com/cssref/css3_pr_background-size.asp). This means that it will force the image to cover the cell container but parts of the images may have to overflow outside in order to keep its aspect ratio.

    And the font size can be adjusted. 

    @media only screen and (max-width: 1024px) {
.av-inherit-size .av-special-heading-tag {
    font-size: .7em;
    line-height: 1.3em;
}
}

    Regards,
    Ismael

    September 1, 2016 at 9:29 am #680568
    marijnmees

    Hi Ismael,

    Thanks for the reply. Probably the template is working correctly, but it doesn’t display the site the way I would like on a tablet. My problem is that the whole content is too big (text and images). What I would like is that the whole site scales down proportionally on a mobile device (text and images). Now it seems that on a tablet, the content has completely different proportions than on a desktop browser, even if the aspect ratio is of the browser window is the same as the tablet. Any ideas on how to deal with this?

    I think that the height of the text colums dictates the height of the photos, so if the text would become much smaller we would see much more of the photos.

    I inserted the code you suggested, but that only has effect on the headings and not on the paragraph text. Do you have a suggestion on how to scale that down on mobile?

    Thanks!!

    September 6, 2016 at 5:05 am #682411
    Ismael

    Hi,

    The site is not loading properly today. We got this error:

    Not Found
    The requested URL /wp-login.php was not found on this server.
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

    Adjust the general font size with the following:

    @media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
  body {
    font-size: .8em;
  }
}

    Change the value as needed.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.