Home › Forums › Space themes support forum › Header builder issues > SVG

Header builder issues > SVG

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 24, 2023 at 4:44 pm #446054

    Pladi1
    Participant

    Hello,

    I am configuring the header with your amazing header builder and it’s easy to use.

    Only facing some problems with the builder.
    When I export my logo as SVG (outlined) and upload them on the website – the logo doesn’t show.

    I just created a default header by myself and optimize it for the desktop & tablet, see attached for the screenshots.
    But my logo doesn’t show on the website. When I’m adding the following CSS into the child-theme, the logo showing up:

    /* mobile – logo */
    .xts-header-col.xts-start.xts-mobile { flex: inherit; }

    /* desktop – logo */
    img.xts-logo-main,
    .xts-logo.xts-sticky-logo .xts-logo-second { width: 100%; }

    /* firefox logo */

    @media     (min-width: 1025px) {
    .xts-general-header .xts-logo img { width: 120px; }
    .xts-header-bottom .xts-logo img { width: 180px; }
    }


    @media     (max-width: 1024px) {
    .xts-general-header .xts-logo img { width: 165px; }
    .xts-header-bottom .xts-logo img { width: 180px; }
    }

    I don’t know if my logo is the issue or a mistake in the CSS, but can you please check into this?

    Attachments:
    You must be logged in to view attached files.
    February 24, 2023 at 4:53 pm #446059

    Pladi1
    Participant

    This issue exist also when I add a custom SVG for the menu bar.

    The CSS that I need to add is:

    /* desktop – main icon */
    .elementor-kit-5 a:hover { font-weight: 600; font-size: 17px; }
    span.xts-nav-text { margin-top: 8px; }

    /* mobile – menu icon */
    img.xts-custom-img { width: 20px; }

    February 24, 2023 at 6:17 pm #446098

    Luke Nielsen
    Member

    Hello,

    You need to open your SVG icons file with some editor like Sublime Text or default system text editor and add width=”120″ height=”120″ attributes to your svg tag like it is shown: https://prnt.sc/l897ta
    Then you will need to re-upload your icons in WordPress Dashboard.

    Best Regards

    • This reply was modified 2 years, 9 months ago by Luke Nielsen.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)