Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2023 at 3:31 pm #1402319
    Capo1200

    Hi,
    after spending hours to find a solution in the support faqs, let’s try here:
    I use the default Enfold theme as child theme and trying to setup a background image in header area, so it’s like a colored line above the logo (full width)
    Settings are the same as for Footer (here it works), horizontal tiling, top left,
    In general styling preview both are visible, but the Header “line” isn’t showing on the website.
    Seems that the area over the Logo (if actvating additional elements) is covering the background logo.
    If I deactivate additional elements the Logo is overlapping with the background image
    ow to prevent the overlapping of background image, Logo and additional elements are or is there a way to bring that “background image line” between header and additional elements area

    Regards, Oliver

    March 25, 2023 at 2:08 pm #1402449
    Nikko

    Hi Oliver,

    Can you give us the link of the page mentioned? so we can try to inspect it.

    Best regards,
    Nikko

    March 26, 2023 at 12:36 am #1402525
    Capo1200
    This reply has been marked as private.
    March 27, 2023 at 4:06 am #1402589
    Nikko

    Hi Oliver,

    It’s not a bug but that’s the intended design, to change it according to what you have mentioned please add this CSS code in Enfold > General Styling > Quick CSS and replace website_url in the code with the url in private content:

    #header_main {
    background: #ffffff url(website_url) top left repeat-x scroll;
}

    As for scrolling down, it seems like to height of the logo is still set to 100% when it should be using about 50% of it.
    It seems the issue is more of a js issue, can you try to go to Enfold > Performance > disable Javascript File Merging And Compression, also if you have plugins that are minifying or compressing js files, then clear the cache if you have some caching plugins (or temporarily disable them).

    Best regards,
    Nikko

    March 27, 2023 at 3:47 pm #1402650
    Capo1200

    Hi Nikko,

    thanks, but this doesn’t work as expected. On desktop it’s ok, but on mobile there’s a white line between extra elements and the background. So will keep just the extra element area without background image for header.
    Also the logo isn’t resizing proper. I checked the settings with js file merging.. it’s deactivated, maybe the code to replace the mobile logo and change logo when scrolling needs some tuning. Got this from other cases
    See private content

    March 28, 2023 at 11:54 am #1402768
    Nikko

    Hi Capo1200,

    Can you try to replace all the single quotes and double quotes from the code? for some reason codes copied via email is changing these quotes which does not work when placed in functions.php file.

    Best regards,
    Nikko

    March 28, 2023 at 10:10 pm #1402825
    Capo1200

    Hi Nikko,
    thanks a lot, seems that some quotes or double quotes had wrong format.
    Best,
    Oliver

    March 29, 2023 at 7:24 pm #1402961
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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