Logo in header

[Alex GG]

hi,
I ́m trying this code (as in the video tutorial) to add logo on header.

But cant make it work.

Do I need to add something else in the code?

Libraries version 2.0
theme ios

regards

[Evgene Karachevtsev]

Hello Alex,

Please clarify, do you specify path to the image correctly? If you loaded it using Media Manager then the path should be:
background: url("../../../../files/views/assets/image/logo.png");

[Alex GG]

Hello Evgene,

I tried both paths to the image, and the logo is not on the header, just appear a small piece .. please take a look at the SS.

regards

[Evgene Karachevtsev]

Hello Alex,

You should change the size of this component with help of CSS to see it completely.
background-size 10px 10px, for example

[Koning Voetbal]

Hi Max,

How do I do that with Javascript?

[Maryna Brodina]

Hello @Koning Voetbal!

Please describe what is the issue you have?

[Koning Voetbal]

Hello Maryna,

I want to put two images in my header (image 1 - TEXT - Image 2).

I have done that by inserting a grid into the header and put in this gris the two images and the text.

So far so good but still need to remove the H1 tag ... appery auto-generates it with a space tag and that causes the grid + image to be pushed down. is there an easy way to remove that?

[Evgene Karachevtsev]

Hello Koning,

Please use the following css code to remove the tag h1
preh1[dsid=mobileheader]{
display:none!important;}/pre

[Koning Voetbal]

Hi Evgene,

Tnx for the CSS code, I had tried something with display=none but without the dsid=mobileheader .......... . Now it's looking allright when browser testing!

I'm getting a warning in Appary with !important, that isn't a big issue?

And in Appery, the extra H1 line is still visible, is there another way to delewted this extra H1 line? Maybe this is an addon to the wish-list ........, a checkbox in Appary to deleted this H1 line if it isn't filled?

Kind regards,

Arie

[Evgene Karachevtsev]

Koning,

Please do not pay attention to warning with !important. Empty space remains in the editor. Css code allows you to see the obtained results.
Unfortunately there is no such button, which removes h1 when the line is not filled.