Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • April 3, 2016 at 1:53 am #607085
    NMOI

    Hi,

    It seems that the latest Enfold update has produced strange results on my homepage when read by an iPhone. Most blocks are not displayed, they seem to be covered by the background of the blog block!
    Could you please have a look?

    Please note that I’m using the following code in the quick CSS in order to get a proper display on iPad:

    @media only screen and (min-width: 768px) and (max-width: 1024px) { .container .av-content-small.units {
    width: 100% !important;
    border-right: 0 !important;
    }}
    .sidebar {
    display:none !important;
    }

    April 4, 2016 at 5:20 am #607345
    Rikard

    Hi NMOI,

    I’m not sure what is causing that, could you try to remove your custom CSS to see if the problem is coming from it please?

    Regards,
    Rikard

    April 4, 2016 at 9:04 am #607450
    NMOI

    Hi Rikard,

    Removing the cutom CSS doesn”t solve the problem on iPhone.

    Oddly, it doesn’t change anything on iPad too. So I guess one of the latest Enfold updates solved the iPad problem covered by the custom CSS, but created a new one on iPhone.That’s a good thing.

    However, the iPhone problem remains. What should I try?

    Thanks

    April 5, 2016 at 3:55 am #608005
    Rikard

    Hi,

    This piece of CSS seems to be causing your issue: 

    @media only screen and (max-width: 767px) {
[class*="column"]+[class*="column"]:last-child {
    float: none;
}
}

    Not sure what file it’s coming from but if you find that and remove it or change the float to left for instance the problem should go away.

    Regards,
    Rikard

    • This reply was modified 8 years, 7 months ago by Rikard.
    April 5, 2016 at 8:31 am #608113
    NMOI

    Hi Rikard,

    I’m not following you. Sorry, I’m barely a css rookie.

    This code isn’t located in quick CSS, that’s sure. But where should I look for it?

    Thanks

    April 5, 2016 at 9:36 am #608143
    Vinay

    Hi!

    Please use the below css

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .flex_column {
    background: transparent!important;
}}

    Cheers!
    Vinay

    April 5, 2016 at 9:48 am #608145
    NMOI

    Hi Vinay,

    Still not working ! The blog block ‘s background is still covering nearly everything.

    Another idea?

    Thanks

    April 5, 2016 at 10:01 am #608147
    Vinay

    Hi!

    Please remove all custom CSS that did not work for you.

    We like to take a closer look at this issue 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 resolve this issue.

    Cheers!
    Vinay

    April 5, 2016 at 10:07 am #608149
    NMOI

    Hi Vinay,

    I’ve removed the non working CSS.

    Please use the following credentials to log in:

    Thanks

    April 5, 2016 at 12:05 pm #608207
    Vinay

    Hey!

    There was a css conflict we changed the 1/2 section to 1/2 Grid row and is looking good now please review the site and let us know if you have any questions.

    Cheers!
    Vinay

    April 5, 2016 at 12:13 pm #608215
    NMOI

    Hi Vinay,

    Perfect on iPhone and iPad. Thanks.

    However, it’s now very messy on desktop navigators like Chrome or Firefox. The sidebar disapeared, and the lower parts (the form and the blog block) overflow to the right.

    There is another problem somewhere.

    Thanks

    Nicolas

    April 5, 2016 at 3:25 pm #608329
    NMOI

    Hi Vinay,

    I can’t leave my homepage like this. So I had to switch to another homepage I was working on. This one works OK on desktop, iPhone and iPad.
    If you’re still interested in understanding the reason of the problem, my old homepage is still here, under the name Accueil.

    Thanks

    Nicolas

    April 6, 2016 at 7:43 am #608734
    Vinay

    Hey!

    There is a conflict with some custom CSS due to which the page is not displaying correctly. I will try to re-create the page for you please give us a little more time while we work on it and update the results here soon.

    Cheers!
    Vinay

    April 7, 2016 at 4:52 am #609300
    Vinay

    Hi!

    We tried to troubleshoot the overlapping issue but the layout is changed now and it looks good on the small screens.
    Please let us know if you should have any questions we are happy to help!

    Best regards,
    Vinay

    • This reply was modified 8 years, 7 months ago by Vinay.
  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.