Digital experiences for all disciplines
Forum Replies Created
-
-
Hi.
1. I felt like a moron knowing that the answer was so straight forward.
2. I tried that but when I use natural width, the menu is displayed in two storage and I uncheck that option, I get a large blank after the last column.You can forget about the Question 1. Referring to Kyle’s post on another thread, I could erase the codes from sigle.php file.
OK… So that means that I will have to either wait for Safari to update and solve the issue (if it does) or wait for you to figure out how this is to be bypassed?
Thank you for the explanation. But considering that the ease transition effect on the logo on your naked header example page works perfectly on Safari, can I change the picture size, or replace parallax by video to resolve the issue?
Well, the objective is to get the animation on the logo to work on Safari as it does on Chrome and Firefox (video 2) if it is technically possible.
For the info, this is what happens on Safari if I used the codes mentioned above that works like a charm on other browsers.
[video src="http://www.minoeurope.com/safari.m4v" /]
It is really bothering me to continue hassling you but it still is as smooth as I wish.
Here is what I see after your intervention.
[video src="http://www.minoeurope.com/bug.m4v" /]
With your previous recommandation
`#header-section.header-6 #header {
transition: all 0.5s ease-in-out 0s;
}this is what I see on Chrome and Firefox.
[video src="http://www.minoeurope.com/nobug.m4v" /]
This reply has been marked as private.Just realized that the “going crazy” thing is specific to Safari on MacOS. Apparently on Chrome and Firefox, it works perfectly (couldn’t try it on IE).
#header-section.header-6 #header { transition: all 0.5s ease-in-out 0s; }Otherwise, your latest recommandation doesn’t seem to animated the logo as the above modification does.
Thank you for the follow up but I think that the code is not adapted to my website. Please check the concerned page.
First, thank you.
Second, I am a moron. I realized that my pictures were not the same size. I believe that Photoshop resized it somehow since I made the B&W version from the original color version. And they appear to have different size.
Third, I still notice a “jump” when the sticky header appears when I scroll up slowly. If this can be solved (even if it is not a major issue), I will be over with the header problem.
I am really sorry for harassing but I am beginning to understand that the learning curve for WP and it’s complex association to CSS and HTML is a lot too much for a noob like me.
I followed the instructions on the KB for replicating the naked menu but I also notice that my nav menu doesn’t fade away like the one shown on the demo page.
http://support.swiftideas.net/forums/topic/fading-sticky-header-like-the-naked-header-example/
I did found a thread talking about it but once again, he/she found the answer all by himself and I am left without guidance.
Thank you in advance for your help.
Just to precise, I managed to resize the logo on naked header to have perfect correspondance to the rest of the page but I am having difficulties to find a way to resize the one on sticky nav. You can compare the logo on sticky menu from these two pages.
http://www.minoeurope.com/?page_id=15
http://www.minoeurope.com/?page_id=32That’s what I figured but how do I change the size of the logo on the sticky menu? Sorry for the lack of understanding but as you might have figured, i have very limited knowledge on css.
Seriously, sorry about bothering you but I see that the logo size and position on naked header is visibly different from the rest of the pages. It’s only a detail but it is bothering me quite a bit. Please help.
OK. Thanks for the reply. I will try to conceive the page with smaller parallax.
Otherwise, I just noticed that the logo on the parallax jumps at least 10ish pixels with the appearance of the header when scrolling down. Who may I solve this issue?
-