Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 14, 2016 at 12:47 pm #582923
    web4smallbusiness

    I have created a special landing page on my website and whilst on the computer, it looks great, on the mobile it’s not resizing properly – it runs off the screen. I used the “Blank – No header No footer” layout for this page.

    For the rest of the website I used the default template and that resizes without any problems.

    http://www.web4business.com.au/marriage-celebrants-welcome/

    Your help with this would be greatly appreciated.

    Ivana

    February 15, 2016 at 10:24 pm #583792
    Vinay

    Hey Ivana!

    There could be several reasons why it is doing that. I strongly feel it is custom css but before that another common reason is conflict with plugins. To find if any of the plugin is in conflict please follow the below steps

    1. Goto plugins page > Deactivate all active Plugins
    2. Updated WordPress and Enfold to latest version if you have not.
    3. Activate one plugin at a time… refresh the page and check for the issue.
    4. Make sure the plugins are all updated

    If you don’t have any luck with that please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you better.

    Cheers!
    Vinay Kashyap

    February 17, 2016 at 12:34 am #584411
    web4smallbusiness

    Hi Vinnie

    I appreciate your response. I did as you suggested with deactivating all the plugins and that didn’t seem to have made any difference.

    I also created a page identical to the one I was having problems with and used the default template layout and simply removed the header and the footer. This page seems to scale well just as the rest of the website does. The only problem is that there is a large space at the top of the screen, where the menu usually would be.

    So to compare – this page uses the “Blank – No header, no footer template” and does not scale well
    http://www.web4business.com.au/marriage-celebrants-welcome/

    This new page uses the Default Template and has header & footer removed (but also has a big gap at the top) but scales well
    http://www.web4business.com.au/marriage-celebrants-welcome-4/

    I have purchased over 20 copies of the Enfold theme as I use it for many of my clients and I am keen to figure out what the problem is, as I plan to create many more landing pages, not only for me but also for my customers,

    As such I would greatly appreciate if you could figure out what is causing the problem with scaling on the “Blank – No header, no footer template”.

    I have created an admin user for you.

    Many many thanks
    Ivana

    February 21, 2016 at 11:29 am #586644
    Ismael

    Hey!

    Thank you for the info. Please try to add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
#top.avia-blank #wrap_all {
    display: block;
}
}

    Cheers!
    Ismael

    February 21, 2016 at 11:19 pm #586772
    web4smallbusiness

    Thank you Ismael. Unfortunately that did not work.

    As I mentioned the pages that use the Default template scale fine, it is only the pages which use the Blank – No Header, No Footer that seem to have the problem.

    Did you login to the website to see what could be causing the problem?

    Many thanks
    Ivana

    February 24, 2016 at 2:47 pm #588400
    Andy

    Hey!

    credentials from here are not working for me. Please check.

    Regards,
    Andy

    February 24, 2016 at 10:02 pm #588656
    web4smallbusiness

    Thanks for letting me know … that is really strange I tested it before I sent it.

    In any case, I have reset the password – please see below.

    Many thanks
    Ivana

    February 25, 2016 at 12:27 pm #588986
    Andy

    Hey!

    You are using an old version of the theme, so please upgrade to Enfold 3.4.7 and let us know if you still need help afterwards.
    Also upgrade your WordPress.

    Regards,
    Andy

    February 27, 2016 at 1:57 am #590095
    web4smallbusiness

    Thanks Andy. I have upgraded everything and the problem unfortunately remains.

    I would greatly appreciate your help.

    Many thanks
    Ivana

    February 29, 2016 at 11:47 am #590654
    Andy

    Hey!

    thank you for making us aware about it. I will report this bug to Kriesi and hopefully he can find a fix for it soon.
    As a workaround until there is a permanent fix: you can avoid this by not using color sections.

    Best regards,
    Andy

    March 2, 2016 at 4:11 am #591855
    web4smallbusiness

    Thanks Andy …

    As I really want to have colour on the page, I have created the same layout using the Default template and just removed the header and footer. However, now there is a large blue space where the header would usually be. Please see the following page.

    Marriage Celebrants Welcome

    Is there a way I can reduce the margin at the top of just this one page through Quick CSS?

    Many thanks
    Ivana

    March 2, 2016 at 8:13 am #591941
    Ismael

    Hey!

    Add this in the Quick CSS field in order to remove the space:

    .html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_inner_caption {
    padding-top: 0;
}

    Best regards,
    Ismael

    March 2, 2016 at 9:42 am #591972
    web4smallbusiness

    Awesome!!! Thanks works.

    Many thanks Ismael

    March 2, 2016 at 1:50 pm #592054
    Andy

    Hey!

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Mobile resizing not working properly’ is closed to new replies.