I’ve just purchased Specular and installed Finance demo through the Specular Wizzard. All went fine except logo. I’ve uploaded logo through the wizzard, but after finished importing everything, the logo didn’t show.
However, went to theme options (specular-child) and uploaded it in General options. After publishing, I’ve noticed the logo is just too small.
My questions would be
1. How can I enable and edit the blue header bar with contact info available in demo?
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
3. Also, how can I make logo to show bigger in the sticky nav, and mobile view
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.
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:
