Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • November 26, 2020 at 12:45 pm #1263243
    dondela

    Dear support,
    i followed this instruction: https://kriesi.at/documentation/enfold/example-of-full-width-logo-on-top-menu-below/#toggle-id-2

    But the header is overlapping the menu and the below content. Do you know what i am doing wrong?
    Thanks for any help

    November 26, 2020 at 7:42 pm #1263347
    Victoria

    Hey dondela,

    Best regards,
    Victoria

    November 27, 2020 at 10:54 am #1263488
    dondela

    HI Victoria,
    on top of the masonry there is more Text and a Headline. It is covered from the big logo. (Screenshot)

    November 28, 2020 at 6:39 am #1263655
    Rikard

    Hi,

    Thanks for the screenshot. I edited your header height and set it to 300 pixels in the theme options and that worked as expected, please review your site.

    Best regards,
    Rikard

    November 28, 2020 at 5:13 pm #1263684
    dondela

    Thank you Rikard!

    One more question please: On mobile view the headline is still overlapped by the logo. (Screenshot)
    Is there an easy way to push the content under the menu?

    November 29, 2020 at 12:06 pm #1263763
    Rikard

    Hi,

    You have this CSS applying on the site:

    @media only screen and (max-width: 767px) {
.responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
}
}

    It’s likely added to your Quick CSS. Try changing the padding-top value to 145px.

    Best regards,
    Rikard

    December 1, 2020 at 12:27 pm #1264213
    dondela

    Thank you very much!
    I am almost there – but there are still some strange behavior. Sometimes the main-content-area is a little overlapped by the header, sometimes it is the other way around. It depends on the different browser-widths. I made some screenshots. Do you know what i am doing wrong?

    December 2, 2020 at 6:49 am #1264421
    Rikard

    Hi,

    Thanks for the screenshots. I can’t access your site anymore, since the token has expired. Please renew it or post regular WordPress login details in private.

    Best regards,
    Rikard

    December 2, 2020 at 7:41 am #1264423
    dondela

    Hi Rikard,
    sorry, i renewed the access now.

    December 3, 2020 at 5:57 am #1264665
    Rikard

    Hi,

    Thanks for that. I set your header to 291 pixels instead, and removed this from your Quick CSS:

    @media only screen and (max-width: 767px) {
    .responsive.html_header_transparency #top #wrap_all #main {
        /* Define padding value for transparent header in mobile */
        padding-top: 300px !important; 
    }
}

    It looks good on my end after that, please check on your end as well.

    Best regards,
    Rikard

    December 10, 2020 at 5:26 pm #1266332
    dondela

    HI Rikard,
    thank you very much!
    I have one more question: Is it possible to show the search icon on mobile-view as well?

    December 11, 2020 at 2:26 am #1266458
    Jordan Shannon

    Hi,

    You would need to find and remove the following from your css:

    @media only screen and (max-width: 1100px){
#top #header .av-main-nav>li.menu-item {
    display: none!important;
}}

    Best regards,
    Jordan Shannon

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