There is a password for that site.
Could you elaborate on the transparent issue? I typically set my header section background color to transparent and then add color on scroll.
I would have to see exactly what is happenning with the images to find the best fix. There aare a few different ways of going about that.
Sorry, there was a password as the website is still under construction
I removed the password
when I make the header section stretched the transparent effect stops working
when I make stretch off the transparent effect works but the problem it becomes over the other sections on pages without any padding
also, I noticed there is a delay time in shrinking
I’m still looking into the transparent issue you are having but I have a solution for other images also shrinking
In the sticky header effects menu turn the shrink logo option OFF.
Click your logo image and go to the advanced tab. Add “logo” to the CSS classes space.
Add this CSS to your site
.she-header .logo img {
height: auto !important;
/* CHANGE 100px TO DESIRED LOGO WIDTH */
width: 100px !important;
/* CHANGE ALL 0.4S TO DESIRED TRANSITION DURATION */
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.logo img {
/* CHANGE ALL 0.4S TO DESIRED TRANSITION DURATION */
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
I hope that fixes that problem for you
I noticed that the page jumps when scrolling and both the header and top section have white backgrounds. Is this the final design?
Also, It is very common to create different headers for other pages that don’t work with a transparent header. You can do this by building/copying your header over to the elemenentor theme builder header. Then simply use elemententor’s display options.
I hope this helps. Please let me know if you still need help with the transparency issue. It seems you might not need that option anymore
thanks for the replay,
unfortunately, the code didn’t work
no shrinking takes place at all when I use the code I don’t know why?
the top bar isn’t sticky it disappears with scrolling and its background is like dark blue
as for the header actually I made this header with elementor theme builder but I used your plugin for shrinking and transparent options as it isn’t found in elementor
Sorry to hear that. Can you please email me so I can help you further? rwattner@gmail.com
I sent you an email
did you find any solution?
