-
AuthorPosts
-
April 3, 2016 at 1:53 am #607085
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 #607345Hi 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,
RikardApril 4, 2016 at 9:04 am #607450Hi 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 #608005Hi,
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 #608113Hi 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 #608143Hi!
Please use the below css
@media only screen and (max-width: 767px) { .responsive #top #wrap_all .flex_column { background: transparent!important; }}
Cheers!
VinayApril 5, 2016 at 9:48 am #608145Hi Vinay,
Still not working ! The blog block ‘s background is still covering nearly everything.
Another idea?
Thanks
April 5, 2016 at 10:01 am #608147Hi!
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!
VinayApril 5, 2016 at 10:07 am #608149Hi Vinay,
I’ve removed the non working CSS.
Please use the following credentials to log in:
Thanks
April 5, 2016 at 12:05 pm #608207Hey!
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!
VinayApril 5, 2016 at 12:13 pm #608215Hi 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 #608329Hi 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 #608734Hey!
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!
VinayApril 7, 2016 at 4:52 am #609300Hi!
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.
-
AuthorPosts
- You must be logged in to reply to this topic.