Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #269947
    Glen Pavelich
    Participant

    It seems the WordPress ‘Header Media’ option doesn’t display a header with this theme.
    I am using the theme Options ‘featured slider’ below the menu, but I’d like to opt for the media option for a banner ‘above’ the menu in place of logo etc.

    #269982
    Skandha
    Keymaster

    @fireflywebs: Hello there,
    The Header Media option is available in the theme.

    Go to => Appearance => Customize => Header Media

    Do you have this option in the customizer?

    Kind Regards,
    Skandha

    #270061
    Glen Pavelich
    Participant

    Yes it is there. See screen shots. I even removed the Header Right Sidebar widget, but no header appears.
    I also disabled the feature slider to see if that would allow it to show, but it didn’t

    I’m pretty sure the default header was there when I began the new site, but I have no idea what caused it to dysfunction.

    https://livingskywildliferehabilitation.org/wp-content/uploads/2021/01/HeaderMediaEnabled.jpg
    https://livingskywildliferehabilitation.org/wp-content/uploads/2021/01/HeaderMediaEnabled2.jpg

    #270131
    Skandha
    Keymaster

    @fireflywebs: Hello there,
    This seems to be a bug in the theme which has been fixed and an update will be released soon. Thank you for reporting the issue.

    Kind Regards,
    Skandha

    #270296
    Skandha
    Keymaster

    @fireflywebs: Hello there,
    The update has been released. Please update the theme and let me know if the issue is resolved.

    Kind Regards,
    Skandha

    #270342
    Glen Pavelich
    Participant

    Yes, it resolved, but can you tell me please how to resize the header media.
    It defaults to full size no matter how narrow I make the banner image, or how I crop it.
    This is still on my wamp server so I can’t give you the url.
    I would like the header only 210px tall.
    The recommended dimensions is 1920 × 822 pixels
    I would like mine approx 814 by 207 pixels (so that I may be able to use the right header sidebar.) At this point at any width (see below) the right header sidebar appears above it, even if I add additional CSS

    .header-media .wrapper {
    width: 70%;
    }

    OR
    .fluid-layout .header-media .wrapper {
    max-width: 70%;
    }

    G

    #270364
    Glen Pavelich
    Participant

    I realize now that the right header sidebar is in the logo row and not in the header media row.

    However, #1) if you can provide css for the above question about header media size that would be very helpful.
    But now there is a second question.
    #2) Is there a way to maximize the width of the logo position? I could us this space perhaps for a smaller version of what I have in mind.

    #270413
    Glen Pavelich
    Participant

    To accomplish this result using the logo position and Right Header Sidebar (see image)
    https://livingskywildliferehabilitation.org/wp-content/uploads/2021/01/LogoPositionAndHeaderRightSidebar.jpg

    I used

    .sidebar-header-right {
    margin-left: 20px;
    margin-right: 40px;
    }
    .site-branding {
    width: auto;
    }
    .custom-logo {
    max-width: 100%;
    }

    But this won’t do when it comes to smaller screens.

    So did some media queries.
    /** media queries
    ***********************/

    @media
    only screen and (max-width: 1680px) {
    .site-branding {margin: 14px 40px 14px 20px;
    }
    .custom-logo {width: 100%;
    }
    .sidebar-header-right {
    max-width: 20%;
    padding: 0px;
    margin: 14px 20px;
    }
    ******************
    }

    @media
    only screen and (max-width: 1366px) {
    .site-branding {
    margin: 14px 0px 14px 10px;
    }
    }
    *************************


    @media
    only screen and (max-width: 1280px) {
    .custom-logo {
    width: 100%;
    }
    .sidebar-header-right {
    max-width: 20%;
    padding: 0px;
    margin: 14px 20px;
    }
    }

    Still need your help with the header media in case we decide to use that instead. That is, making it not default to full size. (See previously on this ticket)

    G

    #270845
    Glen Pavelich
    Participant

    To summarize here
    Looks like we are going to need to us the header media
    so
    can you tell me please how to resize it. It defaults to full size on the front end no matter how narrow I make the banner image, or how I crop it.

    #271002
    Skandha
    Keymaster

    @fireflywebs: Hello there,
    Can you please add the Header Media of you choice and let me know so that I can look into the issue and provide you the necessary CSS Code?

    Kind Regards,
    Skandha

    #271037
    Glen Pavelich
    Participant

    You are hours in time zone difference. Are you still there now. If so I can do this temporarily.

    G

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.