Can I have different sized Headers?

  • ktbca57

    (@ktbca57)


    10 years, 3 months ago

    I have 3 levels of pages on my site – 2 of which need the photo in the header, but the third level really needs just a border separating the nav bar at the top from the content – is this possible? I can’t figure out how to change the size of the header – especially if i only want it changed on one level of the pages (what i call the tertiary level).

    here are examples of pages on which i want to keep the photo in the header:
    Primary level pa

      ge

    (front/home page) – http://sncoast.com/
    Secondary level page – http://sncoast.com/solutions-all-inclusive-ehr-software/

    here is an example of the pages i want to remove the photo and just have a border so that content moves further up closer to the top of the page rather than requiring scrolling – any suggestions are welcome.
    http://sncoast.com/solutions-all-inclusive-ehr-software/hospice-care-management/

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • ThePixelMe

    (@thepixelme)

    10 years, 3 months ago

    What you call primary-level page (front page) and your secondary-level page are considered parent page.

    Your third-level page is considered child page.

    .

    And you want the logo + the Client Portal link, Contact Us link, Schedule Demo link to disappear on the child page only, correct?

    Then this should work:

    .page-child #kad-banner > .container > .row:first-child {
    display: none;
}

    That code gives this result: screenshot link. It targets only the child page (as you can see, it has the .page-child class).

    Thread Starter ktbca57

    (@ktbca57)

    10 years, 3 months ago

    Thanks… but do i add this to the main css or what? we had this site initially created by a vendor and now we are trying to make the changes and settings they refused to make… they used a template – so i’m not sure how to get to the css for that specific template. I have used the main css to add specific heading styles, but where the overriding settings are i can’t find.

    Also, will the code above allow me to add in my own border? the Border is much shorter than the actual header… and when i’ve tried to use just the border, i have a bunch of space that remains and it stretches my border image to fit where the photo used to be.

    Thread Starter ktbca57

    (@ktbca57)

    10 years, 3 months ago

    Ok… so i finally figured out where to put the code mentioned above. But, that didn’t work – so someone suggested I change the settings for the featured banner… that worked GREAT as it allowed me to keep the image on the parent pages, but got rid of the placeholder on the child pages. HOWEVER… this method also removed the area at the very top of the screen that had some navigation buttons, and our logo.

    How can I set this up without removing EVERYTHING from the top of the screen…

    here’s the additional code change i made which got rid of the placeholder, but also got rid of the nav buttons as well:

    ORIGINAL CODE:

    .featured-banner {
    width: 100%;
    height: 250px;

    CHANGED TO:

    .featured-banner {
    width: 0;
    height: 0rem;

    That combined with the addition of:

    .page-child #kad-banner > .container > .row:first-child {
    display: none;
    }

    almost got me to where I need to be… any ideas?

    Thanks!

    TerryDWordPress

    (@terrydwordpress)

    9 years, 6 months ago

    I have the same issue. Did you get this figured out?

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Can I have different sized Headers?’ is closed to new replies.