Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #493842

    Hi All,

    Is it possible to add copy to the right of the logo in the header (and still keep it responsive)?

    I’m using the Header with bottom menu + social media icons that is also fixed + shrinking.

    Please let me know what you think.

    Best,
    Gary

    #494125

    Hi Gary!

    Please refer to the following (2nd snippet):
    http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Cheers!
    Josue

    #494424

    Hi Josue,

    Great! very helpful.

    Is possible to set up the header widget to shrink along with the logo & header when the user scrolls down?

    Please let me know if this is possible.

    Thanks,
    Gary

    #494445

    Hey Gary!

    Did you add the widget to the header? i’m not seeing it on your site.

    Cheers!
    Josue

    #495135

    Hi Josue,

    Sorry about that. It’s up now. Right now, I positioned the copy so that it looks nice and centered for the shrunken state. In the un-shrunken state, the copy is not vertically centered in the header.

    Is it possible to keep the copy vertically center in both the shrunken and un-shrunken state?

    Best,
    Gary

    #495289

    Hey!

    Try adding this code to the Quick CSS:

    .header-scrolled .widget .textwidget h3 {
        font-size: 14px;
    }

    Cheers! 
    Josue

    #496164

    Hi Josue,

    This is looking good. Do you have a solution for the mobile view? see attached screenshot

    Thanks,
    Gary

    #496706

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    #header #text-21 h3 {
        font-size: 14px!important;
    }}

    Cheers!
    Yigit

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