Tagged: , , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 31, 2016 at 6:06 pm #641004
    June 1, 2016 at 2:12 pm #641504
    Yigit

    Hey Mathilde,

    Please firstly choose to display header and choose “Logo center, menu below” option in Enfold theme options > Header tab. Then add your “Reserved Bord” text using text widget in header area – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .logo { top: 30px; }
#header_main_alternate { display: none!important; }

    Best regards,
    Yigit

    June 6, 2016 at 12:17 pm #643417
    mofix

    Hey Yigit, thanks for your reply, we are getting close to something :-) (I sent you are reply earlier, but it seems to be not sent).
    Can you please help me to get the content closer to the header before scroll and shrink https://www.dropbox.com/s/y0t7l6gp26k8g70/screensh1.jpg?dl=0
    The logo is Perfect on scroll https://www.dropbox.com/s/5pcx8uc2r15hwn7/screensh2.jpg?dl=0 but I struggle With the position of “reserver bord” in my header widget. I would very muck like to have it on line With the rest of content. My content Width is 98%.

    And also, how do I get the columns to be 50% at tablet and 100% on mobile? Now there’s a lot of space on mobile and it also shows the empty columns and images beside instead of under text.

    And also, the anchors (se menu), the title is hidden behind header on most browsers. I have made them in color section.

    Thanks a lot, kindly regards, Mathilde

    June 7, 2016 at 10:44 am #643938
    mofix

    PS. Here’s my quick css if that’s any help. Look private content.
    Thanks a lot, kindly regards, Mathilde

    June 7, 2016 at 1:04 pm #644020
    Andy

    Hi,

    try this code:

    #header_main {
margin-bottom: -30px;
}

    Best regards,
    Andy

    June 7, 2016 at 1:11 pm #644029
    mofix

    Hi Andy,
    Thanks so much for quick reply, but it did the opposite. Header still to large before scroll, and logo overlapping to much now on scroll.
    Kindly regards, Mathilde

    June 7, 2016 at 2:05 pm #644061
    Andy

    Hi,

    try this code instead:

    #header_main {
margin-bottom: -30px;
margin-top: 30px;
}
.av_header_shrinking #header_main {
margin-bottom: 0px;
margin-top: 0px;
}

    Best regards,
    Andy

    June 7, 2016 at 2:15 pm #644072
    mofix

    Hi Andy,
    Thanks a lot for quick reply. It worked well on the scroll version now. But header still large /not changed before scroll. Does it has to do with the size of logo and/or the overlay perhaps?

    Kindly regards, Mathilde

    June 8, 2016 at 11:50 am #644725
    Andy

    Hi,

    ok try this instead:

    .av_header_shrinking #header_main {
margin-bottom: 0px;
margin-top: 0px;
}
.header-scrolled #header_main {
margin-bottom: 5px !important;
margin-top: 30px !important;
}

    and adjust as needed. I hope this helps!

    Best regards,
    Andy

    June 21, 2016 at 5:41 pm #651601
    mofix

    Thanks a lot Andy!!!
    Kindly regards, Mathilde

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Widget header shrink logo and stay center, and have link on left and right side’ is closed to new replies.