Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • July 23, 2021 at 5:16 pm #1311948
    digimedia-roemerberg

    Hi,
    what do I have to do to center a second logo / image element (2) next to the actual logo (1)? (see screenshop)
    The logo / image element (2) should then be under the logo (1) on the mobile devices …

    Best regards
    Andreas

    July 25, 2021 at 1:19 pm #1312214
    Rikard

    Hi Andreas,

    You could add the second image in a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area. We can help you out with styling, once you have added it.

    Best regards,
    Rikard

    July 25, 2021 at 2:49 pm #1312223
    digimedia-roemerberg

    Hi Rikard,

    I put the code in the function.php.
    Now I want the picture with the logos to be centered next to the main logo. (see screenshot2)

    In the mobile view, the image with the logos should then be displayed centered under the main logo. (see screenshot3)

    How then does the CSS code have to be written?

    Thank you in advance for the help!

    Best regards
    Andreas

    July 27, 2021 at 6:54 am #1312592
    Rikard

    Hi Andreas,

    We would have to inspect the element in question to be able to give you accurate CSS. It looks like your front page is password protected, please post the password in private.

    Best regards,
    Rikard

    July 27, 2021 at 9:33 am #1312666
    digimedia-roemerberg

    Hi Rikard,
    The website is still under construction and is therefore password protected.

    Best regards,
    Andreas

    July 29, 2021 at 4:22 am #1313123
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 990px) {
#media_image-2 {
    position: absolute;
    top: -145px;
    right: 15%;
}
}

@media only screen and (max-width: 989px) {
.responsive #top .av_mobile_menu_tablet #header_main_alternate {
    display: block;
    height: 130px;
}
#header_main_alternate .main_menu {
    display: none;
}
#media_image-2 {
    top: 0;
    right: 37%;
}
}

    Best regards,
    Rikard

    July 29, 2021 at 10:00 am #1313191
    digimedia-roemerberg

    Hi Rikard,

    Thank you for your help!
    It works with the desktop view, but not with the iPad and smartphone. Here the widget is not centered with the picture and a second burger menu appears …?!

    It should look like Screenshot3 …

    July 29, 2021 at 11:52 am #1313226
    Guenni007

    what kind of header setting do you have?
    Logo left – nav below ?

    July 29, 2021 at 11:55 am #1313227
    digimedia-roemerberg

    … no, logo center, nav below.

    Best regards,
    Andreas

    July 29, 2021 at 12:04 pm #1313230
    Guenni007

    And besides that logo you like to have a second one ?
    What should happen with the second logo – when the screen width is narrowed?
    Do you use a shrinking header ?

    July 29, 2021 at 1:13 pm #1313255
    digimedia-roemerberg

    No, I don’t use a shrinking header and yes, I would like to display manufacturer logos in addition to the main logo. (see screenshots in previous posts)

    On mobile devices, the manufacturer’s logos should then appear centered under the main logo …

    July 29, 2021 at 3:27 pm #1313273
    Guenni007

    sorry no screenshot for me – i’m participant as you are.

    July 29, 2021 at 3:30 pm #1313274
    digimedia-roemerberg

    upps, sorry! Please try these links…

    https://autohaus-groh.de/web-2021/screenshot4.png
    https://autohaus-groh.de/web-2021/screenshot3.png

    July 30, 2021 at 10:01 am #1313395
    Guenni007

    besides Autohaus Groh ?
    i see them ( Audi, Renault, Daccia, etc. ) in both screenshots under the logo.
    Autohaus Groh is an SVG ( on the current page ) – so why not use a whole SVG as an inline SVG logo.
    each logo has its own group within the svg – then you can comfortably resize, move or hide the individual logos via media-query.

    PS : why are there two burger menu?

    July 30, 2021 at 11:24 am #1313426
    digimedia-roemerberg

    … no, the logos are not SVG graphics but PNG files. It should be like screenshot3, so no second burger for viewing on tablet and smartphone.
    The manufacturer logos VW, Renault, Dacia should be used as a complete PNG file, not individually!
    Screenshot4 shows how it shouldn’t be, i.e. current state. That happens with the CSS code that Rikard gave me.

    July 30, 2021 at 12:34 pm #1313440
    Guenni007

    schicke mir mal bitte den Zugang – wenn es nicht öffentlich geht – gerne auch via E-Mail ( kontaktdaten sind unter dem Avatar oder Nick zu finden)

    Auf der Original Seite ist das Logo ein svg file ( bei dem sogar der slogan noch vorhanden ist.
    Link

    man könnte das Ganze auch ohne header widget machen, und es über ein Filter mit einsetzen.
    Es würde dann sogar Teil im Logo container sein und so zB das Shrinken mit machen

    function kriesi_logo_addition($sub){
  $sub .= '<img class="second-logo" src="PATH_TO_SECOND_LOGO" alt="Logo 2" />';
  return $sub;
}
add_filter('avf_logo_subtext', 'kriesi_logo_addition');

    siehe hier : https://consulting.webers-testseite.de/
    nachdem du das gesehen hast nehme ich es aber wieder raus.
    und hier schiebe mal dein Browserfenster zusammen und schau was aus dem Groh Logo wird.
    So kann man innerhalb eines svg das Aussehen steuern:
    https://consulting.webers-testseite.de/groh/

    • This reply was modified 3 years, 3 months ago by Guenni007.
    July 30, 2021 at 12:50 pm #1313448
    digimedia-roemerberg

    Super… ich schreib dir gleich ne Email mit dem Zugang :)
    Ja genau so wollte ich es eigentlich haben. Die Firmenlogos sollen im gleichen Container stehen und bei den mobilen Ansichten im “Portrait-Format” sich einfach zentriert unter das Logo “Autohaus Groh” anordnen.

    Und du hast natürlich Recht. Bei der aktuellen Seite ist das Logo eine SVG-Datei :)
    Diese Seite wird dann aber ersetzt…

    Vorab Merci !!!!!

    August 1, 2021 at 6:46 am #1313663
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    August 1, 2021 at 11:34 am #1313688
    digimedia-roemerberg

    I can solve the problem. Many thanks to Rikard and Guenni … :-)

    August 3, 2021 at 4:03 am #1314038
    Rikard

    Hi,

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