Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 3, 2024 at 2:53 pm #1461223
    klick-design-rbh

    Hallo Support,

    und noch eine Frage/Bitte. Ich möchte gerne die Buttons (Bewegungshelden: Die Website ist: ) und die Spalte bei (SHR Die Website ist: ) mobil gerne 2 spaltig haben, nicht wie jetzt untereinander. Ich habe schaut, das Script aus dem Forum:

    funktioniert hier leider nicht. Habe ich da irgendetwas nicht richtig beachtet? Die Werte habe ich schon versucht zu ändern, aber das hat leider nicht geholfen.

    Hello Support,

    and one more question/request. I would like to have the buttons (Movement heroes: The website is: http://wordpress-202405060859.p120044.webspaceconfig.de/ oder bewegungshelden-werne.de) and the column at (SHR The website is: https://shr-dental.de/referenzen/) mobile in 2 columns, not one below the other like now. I have looked at the script from the forum:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #two-col .flex_column {
    width: 47%;
    }
    .responsive #top #wrap_all #two-col .flex_column:not(:nth-child(2n+1)) {
    margin-left: 6%;
    clear: none;
    }
    }

    View post on imgur.com

    unfortunately does not work here. Have I not considered something correctly? I have already tried to change the values, but unfortunately that didn’t help.

    Thank you very much, also for the always great support.
    matthias

    July 4, 2024 at 8:49 am #1461280
    Ismael

    Hey klick-design-rbh,

    Thank you for the inquiry.

    When applying the css code above, did you assign the ID attribute “two-col” to the Color Section containing the columns? Please edit the color section and set the ID “two-col” in the Advanced > Developer Settings > Custom ID Attribute field.

    Best regards,
    Ismael

    July 4, 2024 at 8:57 am #1461281
    klick-design-rbh

    Hello Ismael,

    Thank you very much. Yes, that’s exactly what I did, but unfortunately it doesn’t work. Hence the question to you.
    It’s already online if you want to have a look.
    Matthias

    July 4, 2024 at 9:21 am #1461285
    Ismael

    Hi,

    Thanks for the update.

    You may need to set a minimum height to the columns. Please try to replace the css with this code:

    .responsive #top #wrap_all #two-col .flex_column {
    width: 47%;
    clear: none !important;
    min-height: 230px;
}

    Best regards,
    Ismael

    July 4, 2024 at 9:32 am #1461286
    klick-design-rbh

    Thanks, I’ve done it, but it still doesn’t work? I’ve also tried it without shadows, but it doesn’t help. I have added it to the website so you can see it again. Sorry for my trouble.
    THX Matthias

    July 4, 2024 at 11:38 am #1461308
    Guenni007

    try that:
    https://webers-testseite.de/rbh/

    btw: it is advisable to use a custom hyphenation on those headings.
    A wonderfull entity for a soft-hyphen (conditional word breaks) is ­

    you can set this html entity in e.g. also headings – unfortunately this is no longer visible after reopening the Alb element. Therefore I use an edited version of Günter’s nice plugin: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#using-special-characters

    For the sake of simplicity, however, I did not do this with triple #, but only with single # and extended the array by many entities.

    you can download it on : https://pastebin.com/jttc230x

    A heading with softhyphen then looks in backend like :

    PS: for that case i would use the flexbox layout.

    July 5, 2024 at 6:25 am #1461410
    Ismael

    Hi,

    Sorry for the confusion. I was looking at the columns below that section. Please try this css code instead.

    .responsive #top #wrap_all #two-col .flex_column {
    width: 47%;
    clear: none !important;
    min-height: 230px;
    float: left;
}

.responsive #top #wrap_all #two-col .flex_column_table .av-flex-placeholder:nth-child(2) + .flex_column, .responsive #top #wrap_all #two-col .flex_column_table .av-flex-placeholder:nth-child(6) + .flex_column {
    margin-left: 6%;
}

    Best regards,
    Ismael

    July 5, 2024 at 11:18 am #1461438
    klick-design-rbh

    Thank you, now it runs perfect.
    Matthias

    July 5, 2024 at 3:44 pm #1461447
    Rikard

    Hi,

    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

    July 6, 2024 at 10:35 am #1461473
    klick-design-rbh

    Hi Rikard,
    yes you can close it, everything works. THX for your help.
    Matthias

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘2 colums in mobile Version’ is closed to new replies.