Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1461223

    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

    #1461280

    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

    #1461281

    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

    #1461285

    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

    #1461286

    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

    #1461308

    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.

    #1461410

    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

    #1461438

    Thank you, now it runs perfect.
    Matthias

    #1461447

    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

    #1461473

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

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