Header builder issues > SVG

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.

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]

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 1 year, 10 months ago by Luke Nielsen.

[Author]

Posts