Hello,

You need to set up header as transparent, not just set a transparent color. By setting ON the Header Options > Make Transparency Header option, the content changes position from after header to under it. This way you are able to see the transparency. Otherwise you will only have a semi-transparent header in a white background.

Let us know.
Best regards!

Hello,

Happy to help, but i am not able to login with the credentials. See screenshot: https://ibb.co/qsMVVgZ

Please check it and let us know so we can try again.

Best regards!

Hello,

I am listing below all your questions and the answer:
1. How can I enable and edit the blue header bar with contact info available in demo?
This is the top bar you are referring to. I see it is already set up. Just for record, you can add it on/off in Specular > General Options > Header Options > Top Widgetized Area.

2. How can I set logo size so it can show bigger, and also define the main header’s height, because I don’t see the option to set header height as stated in docs
Change header height in Specular > Header Options > Header Height and logo size in Specular > General Options > Logo Height.

3. Also, how can I make logo to show bigger in the sticky nav, and mobile view
Yes, you can do so using custom css. Add this code in General Options > Custom Css box:

@media (max-width: 480px){
#logo img {
    max-height: 81px !important;
    margin-top: -38px !important;
}}

Change the value to your wish.

Best regards!