Home Forums Space themes support forum Header builder issues > SVG

Header builder issues > SVG

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #446054



    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 */
    .xts-logo.xts-sticky-logo .xts-logo-second { width: 100%; }

    /* firefox logo */

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

    (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?

    You must be logged in to view attached files.


    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; }


    Luke Nielsen


    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

Viewing 3 posts - 1 through 3 (of 3 total)