• Resolved hannahas

    (@hannahas)


    Hi! Is there a way to reduce the height of the header? I’ve found several CSS options on other threads, but none of them have worked. I also don’t see a height specification in the header.php file.
    Thanks!

Viewing 15 replies - 1 through 15 (of 16 total)
  • Hi hannahas. Can you post a link to your site? Thanks.

    Thread Starter hannahas

    (@hannahas)

    Sorry, keep forgetting that! It’s LatestVeganNews.com.

    Easiest way is to add this to your child theme css:

    #header .pad {
      padding: 0;
    }
    Thread Starter hannahas

    (@hannahas)

    Thank you! This didn’t work though, and I did a hard refresh on the site. I added it to the child theme custom CSS. Any idea what might be wrong?
    Thanks!

    Where did you add it? I don’t see it in your child theme style.css file.

    Thread Starter hannahas

    (@hannahas)

    It’s in the custom css plugin I use.

    Here is the custom css currently running on your site:

    /* Enter Your Custom CSS Here */
    
    .post-title {text-align: center; } 
    
    .post-meta .post-date { display: none; }
    
    .sidebar .widget { padding-top: 15px; padding-bottom: 10px; }
    
    .home .page-title {
      display: none;
    }

    Maybe there is a cache that needs to be updated?

    Thread Starter hannahas

    (@hannahas)

    So strange. When I look at it, I see the below. What would I need to do to update the cache?

    /* Enter Your Custom CSS Here */

    .post-title {text-align: center; }

    .post-meta .post-date { display: none; }

    .sidebar .widget { padding-top: 15px; padding-bottom: 10px; }

    .home .page-title {
    display: none;
    }

    header .pad {
    padding: 0;
    }

    Sounds like your update isn’t getting to the site you posted above. If you’re not running a cache plugin or using a CDN, maybe your host is doing some sort of caching?

    Thread Starter hannahas

    (@hannahas)

    Hmmm, well I just looked up how to flush the cache and did so. Still not showing up though. :/

    Are you sure you’re working on the live site?

    Thread Starter hannahas

    (@hannahas)

    How would I know if I weren’t? All other changes I’ve made have taken immediately.

    Just wondering if you had a local test site or another copy in a subdomain. Also just noticed that the additional css is missing the header id designator:

    header .pad {
    padding: 0;
    }

    should be:

    #header .pad {
    padding: 0;
    }

    That wouldn’t keep it from showing up in the css but it would affect the header differently. You might try copying all the css out of the css plugin and adding it to your child theme style.css file, then disable the plugin. You really don’t need a plugin in you’re using a child theme.

    Thread Starter hannahas

    (@hannahas)

    So I just add the CSS at the bottom of the css file?
    Thanks!

    Yes, the bottom of the child theme style.css file.

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Reduce header height?’ is closed to new replies.