[Song Liu]

@Skandha Hi,Skandha
Thank you for your help before me. After upgrading to 2.2.1 today, I encountered new problems.
The previously custom code was invalid, and the transparent navigation bar was wrong. I had to delete the old code. And what is the size of the background image of the homepage? They occasionally appear misplaced.
thank,and link is hanidea.cn

[Skandha]

@hanidea: Hello there,
Isn’t the following Code working for transparent navigation?

body:not(.home) #header-content {
	position: absolute;
}
.fluid-layout #header-content {
	background-color: transparent;
}

The recommended header image size is 1920*822px.
Kind Regards,
Skandha

[Song Liu]

What’s wrong

[Song Liu]

@Skandha Thanks for your code, I modified it a bit to achieve the desired effect.
However, two new problems were discovered, still related to the navigation bar.
1,After modifying the code in the navigation bar, the background image of the page is misplaced.
2,On other pages, the navigation bar will flicker when you slide the mouse.

[Song Liu]

@Skandha Thanks for your code, I modified it a bit to achieve the desired effect.
However, two new problems were discovered, still related to the navigation bar.
1. After modifying the code in the navigation bar, the background image of the page is misplaced.
2. On other pages, the navigation bar will flicker when you slide the mouse.

I took a screenshot of the first case, the second phenomenon needs to browse our link http://www.hanidea.cn/archives/category/visual

http://www.hanidea.cn/wp-content/uploads/2019/11/20191125220210.jpg

[Skandha]

@hanidea: Hello there,
I checked for the issue on your site and I did not find the issue.
I did not get the flickering and the header image also seems to be showing up fine. There will be a slight change in the position of the header image when you view the image from customizer and on live site as the width of the view port changes.

Kind Regards,
Skandha

[Author]

Posts