Forum Replies Created
-
Posts
-
I figured this one out… “whew” – this can be closed.
(i had a 1/4 element on the right and 3/4 on the left – with left element holding text. switching 1/4 element to left pushes the background image correctly.)
Hello Yigit,
Confirmed on my end, too.
Thank you – we can close this case/post.
(It was the minify and cache creating trouble after the initial CSS code from this post was added.)
FYI,
GregHello Ismael,
Cache and Minify have been disabled.
What are you now seeing on your end with iPhones (iOS) and Safari?
~ Greg
This is another plea for help…
85% – 90% of our mobile traffic is iOS (iPhones).
I really need to fix this – and I’m not sure what the issue is…
Hello Ismael & Support Team,
Are you working on this issue? I’ve checked with several iPhones and the above homepage issues are happening on all of the versions. (7 through 12).
Online iPhone replicators that I have used do not show the issue. So it seems to be something very specific to iPhoes.
~ Greg
Hello Ismael,
Thank you for reporting in.
I cannot reproduce the rest of the issue on a device emulation, so we might have to wait for the rest of the team so that they could check it properly.
That is my experience as well. It is loading correctly on an Android phone, and iPhone simulators I test with show it working.
However, I continually check in with various iPhone users and the following three items remains true for them:
- main menu (burger menu right of logo) isn’t loading
- within the Color Section element, the Special Heading element and the two Button elements are not loading
- Video element (YouTube link) is not loading
I know I am reiterating what i said in my first post, but sometimes things drift for me and I want to keep these three important issues highlighted.
The image loading I think will be fixed when the three issues are resolved for iPhones, because it is loading cleanly for Android phones.
(I was thinking of jumping ship; but your response – and hearing the possibility of a team looking into this has given me new hope. I can’t be the only one experiencing this on the planet – I haven’t pushed the code really from the default… at least, not that I’m aware of.)
Sincerely,
GregHello Ismael,
I just received this report:
iPhone 7 running latest iOS.
– Buttons not showing on image, and image seems to be kinda tight-cropped – only her left eye and left part of her face are showing at the far left edge of the screen.
– Video may have loaded, but controls are not visible.
– Menu loads only when you tap-holdI changed vh height to 100vh since the intent was full screen for that component.
Any ideas for getting everything to load correctly (menu, buttons) on iPhones?
~ Greg
hello Ismael,
My apologies for my delayed response – and thank you for yours.
Your CSS code helped a bit; but there are still issues.
In this screenshot, you’ll notice:- main menu (hamburger menu) and search icon are not loading to the right of the logo
- within the Color Section element, the Special Heading element and the two Button elements are not loading
- Video element (YouTube link) is not loading
Also, you can see from the screen shot that the overlay element is going past the intended container element. I crunched my browser window (Chrome, Desktop) as narrow as it would go and got the following.
screenshot: Screen-Shot-01-40-PM.pngUpon inspection, this is the code creating the overlay extending too far:
<div class="av-section-color-overlay" style="opacity: 0.3; background-color: #000000; "></div>However, I do not see how this would create trouble with the main menu and the buttons properly loading.
I’ve asked some peers to check out the site and send me screenshots – If I get more information that seems helpful, I’ll post.
Do you have some ideas that might fix the issue for iPhones (v. 12 and v. 10 were tested).
~ Greg
Hello Jordan,
That got me on the right track… :-)I ended up with:
#av-masonry-1, #av-masonry-2 { padding-top: 10px !important; } .av-flex-size .av-masonry-image-container { background-color: #FFFFFF; }Thank you for helping so quickly!
GregJ_Sako – turn off the site caching plugins (if any) or settings in the Enfold theme. It might be a cache issue.
J_Sako – I recall an update that required me to handle via FTP. The automated one always seemed to fail.
I also would need to delete the existing Enfold folder/directory on the server and then upload the current one (unzipped). I am using a Child Theme, so I wasn’t concerned about losing settings, code, etc.Once updated – the automation worked fine with other, new updates.
FYI
Hello Mike,
That snippet worked great – thank you for your support on this venture!
This topic can be closed.
Sincerely,
GregHello Mike,
I was struggling with the effect using the Grid Row admin settings – then I had an ephinay (of sorts)… I could use two different images (off/on) and simple css with a class to emulate the mouseover effect.
So – can you help me create the header mouseover animation that is on https://ctipack.com/?
Here’s my experiment page (just in case): http://www.gregorywilker.com/grid-row-experiment/.
Here’s the site with the header (h5) animation I would like to emulate: https://ctipack.com/.
Sincerely,
GregHello Mike/Rikard/Support,
I’ve put some time into this… unsuccessful so far.
I posted ADMIN credentials in PC – let me know if you want FTP..grid-hover { padding: 0px !important; }I commented out this piece of code because it collapses the cell for me; I think I’m making a mistake using padding to get the size I want – based on your screenshot.
Your screenshot looks damn close; if not spot on.Here is where I am experimenting: http://www.gregorywilker.com/grid-row-experiment/
Do you see where I’ve missed on the instructions?
~ Greg
Hello Mike,
Finally circling back to this – thank you for your response.
I’ll be digging into this within the next 24 hours. I’d like to keep this open for now…. just in case.Sincerely,
GregHello Ismael,
How do I keep the video background contained within the Color Section element?
It looks horrible as it is…
That is how the theme maintain the aspect ratio of the video in case it doesn’t match the container.
And my recollection of the video background on a Color Section element is it remains contained; like this site: https://www.hearthsidefoods.com/ and this site: .
In fact – I’m pretty sure those two sites have the video element contained within the Color Section element.
~ Greg
I’m having the same issue: http://freebyrdmovie.com/
Hello Yigit,
Wow – the “z index” never even came to mind as an issue/solution…
Thank you!
This ticket can close :-)
GregHello Yigit,
There are at least two other developers involved with this site; I am not going to be able to find out why that code was originally placed.
I looked to track down the original source of the CSS code you specified and I’ve been unable to.There is a plugin, BWP Minify, which is making it difficult to see the true source of the code you’ve called out.
Is there a way we can just target those three buttons and create a fix via CSS?
Sincerely,
GregHello Jordan,
The header.php seems to be calling in another file that actually loads the logo & nav elements:
<?php if(!$blank) //blank templates dont display header nor footer { //fetch the template file that holds the main menu, located in includes/helper-menu-main.php get_template_part( 'includes/helper', 'main-menu' ); } ?>So, it looks like the helper-menu-main.php file is the one to edit… but…
I get lost really quickly with that file. A lot of “if” statements to handle the different variables available in the admin.I don’t see where to add a new div element that I can then place with CSS.
More help please?
GregVictoria,
The inline css code is adding an extra “style”, which breaks the intended inline css via the div element.
This is the div from this page: https://chamberpouch.com/programs/
<div style=" style=" color:#fc5029;="" font-size:24px;="" 'color:#fc5029;="" '="" class="iconlist_icon avia-font-entypo-fontello"><span class="iconlist-char " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></div>See how the Enfold code is writing “style” twice, which is breaking the inline css?
I’m confident it isn’t a plugin conflict. It happens with any icon list following the first one; the first works properly.
~ Greg
