I am configuring my site using Tower and I am having trouble with getting the page header to start from the bottom go the site header/nav. Currently they both start from the top of the page with the site header appearing over the top pf the page header. I am using a photo on my page headers and can see it under the site header when I make the site header transparent. As it is the site header with 100% background crops my page header image and causes the title to appear to be not vertically centered.
Can you direct me to the setting where I don’t get that overlap? I’ve looked all over the place. Thanks!
I changed the transparency of the site header to 75% so you can see the image under the header. Normally I want it at 100% but I wanted you to see it easily.
Looks like using a slider at the top of the page has the same effect. See https://xquix.us to view.
ALSO, when using the Codeless slider on the home page, I don’t get the normal logo and header nav color styling. Instead I get seem default styling with the Tower logo and white letter. Please advise. I’m really counting on you offering customer support here. Thanks!
I am still a bit confused on what you want but let’s try to summerize:
-Page header image: i see the page header image in home page is displaying. depending on the gradient of the overlay color you set, it could be shown more or less.
What do you want to change here?
-Codeless slider: the codeless slider slides have an option that defines what type of header style will be used while that certain slide is showing. So if you have the dark version but when using codeless slider it gets the light version, then you need to go to Codeless Slider > Slides, find the slide and change it’s header style in Codeless Slide Options > Layout > Menu & Slider Navigation Color (screenshot).
Let us know if you need further help.
Thanks for your reply. I made a diagram to help explain. The layout is coming in as on the left and I am trying to find the settings to make it like the right. Does that help? Thanks!
For this layout, you need to just remove the transparency of the header. Please go to General Options > Header Options > Make Transparency Header, set it OFF (screenshot).
Let us know.
Thanks for the reply. I think I have those settings made already but I still have the same issue. See screenshots below. Can you see what else I need to spec? Thanks!
I see in your screenshot that the background color in General Options > Header Options, is set to have a transparency. Change the color here to not have any transparency gradient.
Let us know if you need further help.
Hi ! I’m not seeing the setting where I have transparency on. Here are some more screenshots. Can you specify which one and what it should read out as? Thanks!
Yes, I have made the header with no transparency but that is not the problem. The problem is the image under the header is still “under” the header and the vertical alignment of words and arrows is off because of it. I only made it partially transparent before so you could see what was happening. I’d like the page header or sliders to be placed below the site header on the page like in the diagram noted above. How can we do that? Thanks!
<span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px;”>Hi! That worked well for the home page that has a slider. Can you also send a bit for all the other pages that use the page header? Thanks!</span>
