Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 4, 2019 at 10:21 pm #1134112
    YAOF-Design

    Hi,
    I would like to know of I can add an image banner between the header (with main menu) and the topbar. I want to get the sticky header option for the menu and unstick the image banner and the topbar when scrolls down.
    I hope my request is fully understandable. See pictures attached.
    Thanks a lot,
    Aurélien.

    September 4, 2019 at 11:46 pm #1134135
    Guenni007

    on all pages or only for one?

    September 5, 2019 at 12:23 am #1134143
    Guenni007

    if it is only an image ( without content and other dynamic stuff)
    you can simply add an image via pseudo-element: ( in my case it is page-id-3041)
    the height you choose for that must be in addition to the normal main: padding-top value
    (my testpage has a header-height of 130px + 250px = 380px

    .page-id-3041  #header_meta:after {
  content: "";
  background-image: url(/wp-content/uploads/macro.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 250px;
  position: relative;
  left: 0;
  bottom: 0;
}

.page-id-3041 #header_meta {
  display: grid;
}

.html_header_top.html_header_sticky #top.page-id-3041 #wrap_all #main {
    padding-top: 380px;
}

    since it is part of header_meta, the height has already been taken into account by avia-snippet-sticky-header.js script:
    topbar_height = header.find('#header_meta').outerHeight(),

    see result here: https://webers-testseite.de/datenschutzerklaerung/

    September 5, 2019 at 9:18 am #1134251
    Guenni007

    By the way if you enter that pseudo content with :before and not :after the image will be over the top-bar !

    September 5, 2019 at 2:03 pm #1134416
    YAOF-Design

    I want the same banner image on all pages.

    Thanks for your reply Guenni007 but you don’t answer my request because you can’t see my pictures attached. I don’t want to use the banner image as a background but in addition to the background. Also unlike your website I use the boxed layout.

    September 5, 2019 at 5:08 pm #1134524
    Guenni007

    so : Add an image banner between header and topbar sounds different for me.
    if you could not even post the screenshots – then you had to wait til mods are here.

    September 6, 2019 at 7:23 pm #1135094
    Victoria

    Hi YAOF-Design,

    Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    You can hire Guenni007 to provide a solution for you.

    Best regards,
    Victoria

    September 6, 2019 at 11:45 pm #1135150
    YAOF-Design

    Hi Victoria,
    Thanks for your answer.
    I found a solution that suits me less but it was easier to set up.
    Aurélien.

    September 7, 2019 at 12:04 am #1135154
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Add an image banner between header and topbar’ is closed to new replies.