Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 13, 2018 at 3:17 pm #926109
    hcassin

    Hi,

    I am trying to add a 728×90 banner above the header and it keep being overlayed on top of the logo and menu.

    I’ve followed this guide.

    Adding a widget area to the header

    Any ideas on how to get the banner to appear above the header and menu, I guess effectively pushing the header and menu down and having the banner centered above it?

    Thanks!

    March 13, 2018 at 4:56 pm #926145
    Nikko

    Hey hcassin,

    Can you try using a child theme instead: https://kriesi.at/documentation/enfold/using-a-child-theme/ then copy header.php from the Enfold theme to the child theme and put your image below this line of code (line 77):

    <div id='wrap_all'>

    I would suggest wrapping the image inside a div and probably few css tweaks. Hope it helps :)

    Best regards,
    Nikko

    March 14, 2018 at 8:01 pm #926801
    hcassin

    Hi Nikko,

    Thanks for the reply. This add the banner, and then when i scroll down (the menu is sticky) there is a gap between the top of the page and the menu.

    Any way to have the menu be sticky as usual? and either have the banner come with it, or not have the gap?

    Thanks!

    March 15, 2018 at 4:39 pm #927469
    Vinay

    Hi,

    Without viewing your site it is difficult to assist. Please share the link to your site and also try out the solution provided the link mentioned in private area.

    Best regards,
    Vinay

    March 15, 2018 at 5:31 pm #927502
    hcassin

    HI Vinay,

    Please see private area.

    Thanks you for all the help!

    March 15, 2018 at 5:58 pm #927535
    Vinay

    Hi,

    You are most welcome :)

    Please feel free to adjust the header height and margin value to suit your design.

    To move the main content a little below the header please add the below CSS

    .html_header_top.html_header_sticky.html_bottom_nav_header #main {
    padding-top: 200px;
}

    Best regards,
    Vinay

    August 27, 2020 at 3:56 pm #1241236
    eyeqindia

    Hi,
    I have the same requirement. I would like to add some text above the header. I copied header.php to child theme and added the following div after <div id=’wrap_all’>:

    <div style=”background-color:lightblue; padding-left: 20px”>
    <span>
    COVID-19 Update<br>
    Learn about our expanded patient care options for your health care needs.
    </span>
    </div>
    However, I see an extra ” /> above this div on the page. It is very strange because it remains there even after I remove the code. I tried debugging but not able to figure out at all. Would like to mention that we have not made any custom changes to any code and we are on latest Enfold theme.
    My page is https://www.staging.eyeqindia.com/

    Thanks,
    Priyanka

    August 28, 2020 at 6:15 am #1241404
    Nikko

    Hi Priyanka,

    Can you put the whole code in https://pastebin.com/ and then give us the link here.
    So we can inspect the code. Just put the link in private content if you don’t want to show it in public.

    Best regards,
    Nikko

    August 28, 2020 at 6:33 am #1241409
    eyeqindia
    This reply has been marked as private.
    August 28, 2020 at 7:02 am #1241418
    Nikko

    Hi Priyanka,

    Thanks, the problem is in line 50-51

    <head><meta charset="euc-jp">
" />

    which I believe should be:

    <head>
<meta charset="euc-jp" />

    Best regards,
    Nikko

    August 28, 2020 at 10:16 am #1241501
    eyeqindia

    Thanks, this solved the issue :) Your support is the best!

    August 28, 2020 at 12:15 pm #1241551
    Nikko

    Hi eyeqindia,

    We’re glad to hear that :)
    Thanks for your kind words and thanks for using Enfold.
    Have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘banner above header’ is closed to new replies.