StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Make Header Height Smaller

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Make Header Height Smaller

This topic is: not resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 10, 2017 at 9:32 pm #200941
    cmubrad
    Member

    Hi.

    I would appreciate any help in trying to make my headers height smaller on BradGibala.com I recently installed the "Sticky Menu or Anything on Scroll" plugin and it works well.

    What I want to do is cut the new header area that scrolls down in half. I have tried adding in height: 72px; to the .title-area { and height: 70 px; to the .site-header { area in css and nothing is working. I tried those separately and together.

    My end goal is to have the header title and header widget area (I have a menu in there right now) look like this forums and or what the No Sidebar Pro theme looks like. I am using Wellness Pro right now.

    If any one can give me some tips on how to make the header height smaller I and how to center the header widget area I would appreciate it.

    Thanks

    Brad

    http://bradgibala.com
    February 12, 2017 at 6:56 am #200984
    Victor Font
    Moderator

    Changing the style sheet won't help in your case. Something is injecting inline CSS into the header element, perhaps one of your plugins. The height is fixed at 122px by this inline CSS. Inline CSS takes precedence in the browser over style sheet. Find out where the inline CSS is coming from and you'll find where to change it.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    February 13, 2017 at 9:24 am #201045
    cmubrad
    Member

    Thanks for the reply Victor

    I turned off the Sticky Menu plugin and started looking for a "122px" in the code.

    Could it be Jetpack? I am seeing this in the Jetpack.css file

    .jp-carousel-light a.jp-carousel-image-download {
    background-position: 0 -122px

    February 13, 2017 at 10:10 am #201046
    cmubrad
    Member

    I just installed the "Sticky Header" plugin which looks like its going to work for me.

    If you believe the Jetpack plugin is the issue still then I would appreciate any ideas in case I want to go the css route.

    Thanks

    February 13, 2017 at 3:33 pm #201084
    Victor Font
    Moderator

    It's not jetpack. The size is not coming from any style sheet. It's being injected as an inline style by a plugin or jQuery process. I can't determine which from an external view of the site.

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.