Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 10, 2022 at 7:04 pm #1347864
    patrikbeneke

    Hallo zusammen,

    ich würde gerne auf der Seite (siehe unten) das Loge in die Mitte setzen und auf ungefähr 800 px verbreitern (die pixel kann ich dann selbst angeben). Gleichzeitig soll der Menü-Burger rechts im Header bleiben.

    Könnt Ihr mir dazu einen Quick CSS schicken?

    Danke!

    April 10, 2022 at 10:55 pm #1347877
    Mike

    Hey patrikbeneke,
    Ich bin mir nicht sicher, ob ich verstehe, was „Loge“ ist, es sieht so aus, als wäre Ihre Seitenbreite auf 1310 Pixel eingestellt. Wenn Sie also möchten, dass die Bilder auf Ihrer Seite 800 Pixel breit sind, würde ich empfehlen, diese Größe im Bildelement auszuwählen oder hochzuladen die Bilder in der Größe und wählen Sie Ihr Menü. volle Größe im Element, da sie im Moment 495 Pixel breit sind und es nicht so gut aussehen wird, sie auf 800 Pixel zu zwingen. Aber dieses CSS zwingt sie auf 800px, wenn Sie es wünschen.

    #top.home .avia-image-container img {
	width: 800px;
}

    — Translated with Google —

    I’m not sure that I understand what “Loge” is, it looks like your page width is set to 1310px so if you want the images on your page to be 800px wide then I would recommend choosing this size in the image element or uploading the images at the size and choose your menu. full size in the element because right now they are 495px wide and forcing them to 800px will not look so good. But this css will force them to 800px if you wish.

    #top.home .avia-image-container img {
	width: 800px;
}

    Best regards,
    Mike

    April 11, 2022 at 9:27 am #1347913
    patrikbeneke

    Guten Morgen,

    Nein, es geht um das LOGO im Header.
    Es soll mittig ausgerichtet sein und eine Größe /Breite von 800px haben.
    Gleichzeitig soll der Menü-Button aber auch auf der rechten Seite bleiben.

    Beste Grüße,

    Patrik Beneke

    April 11, 2022 at 10:12 am #1347931
    Rikard

    Hi Patrik,

    Thanks for the update. Do you have a screenshot or mockup highlighting what you are looking to achieve?

    Best regards,
    Rikard

    April 11, 2022 at 12:40 pm #1347947
    patrikbeneke

    So soll das dann im Header aussehen

    April 11, 2022 at 12:41 pm #1347948
    patrikbeneke

    Bildschirmfoto-2022-04-11-um-12-23-58-01

    April 11, 2022 at 2:37 pm #1347958
    Mike

    Hi,
    Thanks for the feedback, I see that you are using a SVG logo and it doesn’t seem to be one image, every part of the logo is individual so it doesn’t scale down to the parent container, you need to specify the coordinates within the SVG image independently of the scaled size of the image, use the viewBox attribute on the SVG element.
    See here
    So you will need to edit the SVG to have a max-width of 800px

    Best regards,
    Mike

    April 11, 2022 at 3:16 pm #1347961
    patrikbeneke

    Hallo Mike.

    ich habe das Problem lösen können.

    Vielen Dank für den Support.

    April 11, 2022 at 6:12 pm #1347982
    Rikard

    Hi,

    Great, I’m glad to hear that you found a solution. 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 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.