Hello there,
To prevent the header bar overlays the main slide image, you can add the following custom CSS code:
@media only screen and (max-width:1024px){
.site-header,
.site-header.fixed{
position: relative !important;
}
}
Insert it into Appearance > Customize > Additional CSS. If your site doesn’t support it yet, alternatively you can use the Simple Custom CSS plugin.
> My site header text needs to be lowered slightly for my pc view
Try adding this one:
@media only screen and (min-width:1025px){
.slide-inner {
-webkit-transform: translateY(-20%);
-moz-transform: translateY(-20%);
-ms-transform: translateY(-20%);
-o-transform: translateY(-20%);
transform: translateY(-20%);
}
}
The default value was set to -50%. Adjust it accordingly.
I hope this reply helps.
Regards,
Kharis