Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Placing Page Header Below Site Header

header
    • 9 years, 4 months ago ckerins
      Participant

      Expired

      Hi!

      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!

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Can you please be more specific? Please send us a link where you have this so i can better understand what you need to achieve.

      Best regards!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      Sure, take a look at the pages on this site. It’s a global thing.

      https://xquix.us/idea/

      Also, currently having trouble with images not appearing in home page header. Any tips on that would be helpful. Thanks!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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.

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      Help, please. Thanks!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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!

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      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.

      Best regards!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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!

       

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      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.

      Best regards!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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!

      https://dl.dropboxusercontent.com/u/477292/XquiX/Screen%20Shot%202016-03-01%20at%2010.31.58%20AM.png

      https://dl.dropboxusercontent.com/u/477292/XquiX/Screen%20Shot%202016-03-01%20at%2010.32.26%20AM.png

      https://dl.dropboxusercontent.com/u/477292/XquiX/Screen%20Shot%202016-03-01%20at%2010.32.58%20AM.png

       

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      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.

      Best regards!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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!

      https://dl.dropboxusercontent.com/u/477292/Screen%20Shot%202016-03-09%20at%2012.34.58%20PM.png

      https://dl.dropboxusercontent.com/u/477292/Screen%20Shot%202016-03-09%20at%2012.35.41%20PM.png

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      In this screenshot: https://dl.dropboxusercontent.com/u/477292/XquiX/Screen%20Shot%202016-03-01%20at%2010.32.26%20AM.png
      see here:screenshot, the background color is visibly noticeable to have transparency.
      I don’t see it in the latest screenshots you send, and also i see the header is not transparent anymore(screenshot). Did you remove it? Is every thing ok now?
      Let us know.

      Best regards!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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!

    • 9 years, 4 months ago Mirela
      Participant

      Hello,

      Yes, please add this code into your custom css box:

      .codeless_slider_swiper {
          padding-top: 100px;
      }

      Let us know.

      Best regards!

    • 9 years, 4 months ago ckerins
      Participant

      Expired

      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!

    • 9 years, 3 months ago ckerins
      Participant

      Expired

      <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>

    • 9 years, 3 months ago Mirela
      Participant

      Hello,

      Please edit the previous code to this:

      .page_header_yes .top_wrapper {
          padding-top: 100px !important;
      }

      It will affect all site’s pages.

      Best regards!

    • 9 years, 3 months ago ckerins
      Participant

      Expired

      Excellent. Thanks you!

Viewing 18 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password