Dear @janetrechel could you please tell me where you use this option, because at the demo it works.
Hello,
Thank you for your quick response. If I enable it it works only on the home page not any other pages also when scroll down the sticky header changes to white color. as my menu, logo everything is in white color nothing is visible . I want to know how to change it aswell.
Home page where sticky header appears but when scrolled could see only white bar
http://www.raysofpeace.com
Sample Pages where sticky doesn’t happen:
https://www.raysofpeace.com/?page_id=2303
https://www.raysofpeace.com/?page_id=2304
Sorry without posting here I had replied to your email and have been waiting for your reply for two days…
Hello,
any update regarding my issue. i have been waiting for your reply
Dear @janetrechel I will reveiw your issues today.
Dear @janetrechel
About this URL: http://www.raysofpeace.com the problem is with the CSS. You have to add the following lines of CSS:
#mysticky-nav.wrapfixed{ background-color: rgba(0,0,0,0.55) !important;
About the other URLS I see the sticky menu working however you have to edit the CSS for the background color as well.
hello ,
thank you for your response. i used the code and it worked for all other pages except the home page. i mean that the transparent header is working for the sticky header for all pages but not working for the home page it comes as grey background. what could be the reason
Hello,
there is one more issue with the header image. whatever size i update it crops automatically and does not give the full image. i tried the default size you have given 1980*850 and also higer resolution and lower resolution images but nothing works. i tried changing the image size from functions.php still no go. could you please help
https://www.raysofpeace.com/?page_id=2304
Dear @janetrechel this is a CSS issue.
So you can go and edit some CSS for example
@media (min-width: 1200px)
.header-image-container {
height: 850px; /* Change the height */
}
For the homepage sticky menu try this:
.justwp-sticky{ background: rgba(0,0,0,0.4) !important;}
Hello,
Thank you so much for fixing the issue with the sticky header, regarding the header image, the code you gave is giving error at the first line @media (min-width: 1200px).if this line is removed then able to adjust the height but for width issue persist . so i set the width also like this
.header-image-container
{
width: 1980;
height:650px;
}
but still the image is getting cropped automatically. the image i have used is modified to the exact size of 1980*650 but this is how it comes
https://www.raysofpeace.com/?page_id=2304
please help
i just added braces and the error disappeared this is final code and still cropping the image
@media (min-width: 1200px) {
.header-image-container
{
width: 1980;
height:650px;
}}
The image will be cropped because is cover as background .
It is not a plain image. What is the dimension of that image?
Hello,
This is the original size of the image 4928 × 3280.. which I have edited in Photoshop to 1980*550 as given recommended size for header image in theme and put a text using Adobe Photoshop
Hello Archimidis,
were you able to check it , coz if i add the image below the header image in a row ,full image appears only for the header image it gets cropped. i have to add a header image for all the pages. your help would be appreciated.
