Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 29, 2015 at 2:05 pm #465848
    Liv

    Hi,

    I’ve built a page with the template ‘Blank – no header – no footer’. It consists mainly of content sections.
    However, when i open this page on my iPhone with either safari or chrome it opens a sort of zoomed in version of the website where the right side of the website isn’t properly visible. When i zoom out with the pinch gesture the website goes back to the way it’s intended and will show all content.

    Am i doing something wrong here? I’ve tried changing the structure from: content section > text block, to: content section > 1/1 column > text block. It doesnt change anything.

    Cheers!

    June 30, 2015 at 11:20 am #466320
    Ismael

    Hi liv2day_com!

    Thank you for using Enfold.

    Are you referring to the color section background? Please give us a link to the actual site so that we can check it. A screenshot of the issue will help. Use imgur or dropbox.

    Cheers!
    Ismael

    June 30, 2015 at 11:45 am #466330
    Liv

    Hi,

    Ah yeh sorry forgot to enclose it. It’s attached now. Screenshots too.
    The effect can be seen too when you drag your screen smaller until it’s more or less mobile screen size. All containers are ‘content-section’ blocks. Indeed for using color or image blocks. However, I put text in them and other elements.

    Cheers!

    • This reply was modified 9 years, 4 months ago by Liv.
    July 1, 2015 at 2:31 pm #466989
    Elliott

    Hi!

    It looks like your using Enfold 3.1.2. Go ahead and update to the latest version 3.2.3 and then deactivate all plugins to see if they are causing any problems.

    Let us know when your done and we’ll take another look.

    Best regards,
    Elliott

    July 2, 2015 at 1:03 pm #467457
    Liv

    Hi Elliott,

    Thanks for the reply. The theme has been updated. The same effect applies when i turn off all plugins.

    Please advise.

    Cheers!

    July 3, 2015 at 3:34 pm #468074
    Elliott

    Hey!

    The problem is your headings are set to 100px and when you view on small screens they are not going to break onto new lines. I recommend setting them to a smaller font size by dragging a codeblock element to your page and add this inside.

    <style type = "text/css">
@media screen and (max-width: 450px) {
.text_center h1 { font-size: 30px !important; }
}
</style>

    Cheers!
    Elliott

    July 5, 2015 at 12:49 pm #468549
    Liv

    Hi Elliott,

    Thanks m8, this theme really is extremely versatile! :)

    Take care,
    Liv

    July 6, 2015 at 10:18 am #468754
    Rikard

    Hey!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Page without header, footer, nav, etc doesnt scale properly on small devices’ is closed to new replies.