Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1075126

    Hallo zusammen

    #1 Auf der Produkte-Seite scheint der Beschreibungs-Tab nicht korrekt für responsiv zu funktionieren, konkret für Smartphones. Der Text in der Box ist abgeschnitten statt, dass der Text untereinander angeordnet würde.

    #2 Auf der selben Seite wird unterhalb der Preis-Box der Text der Artikelnummer und der Kategorien-Angabe über den «Auswahl zurücksetzen» Link gesetzt. Gibt es hier eine Lösung?

    Vielen Dank für eure Hilfe.

    Beste Grüsse
    Marco

    • This topic was modified 5 years, 9 months ago by marco_b.
    #1076284

    Hey marco_b,

    Thank you for using Enfold.

    1.) Use this css code to move the second column below the first one.

    div table.shop_attributes th {
        width: auto;
        display: block;
    }

    2.) Where is the “reset selection” button located? We can’t find it anywhere in the page. Please provide a screenshot using imgur or dropbox.

    Best regards,
    Ismael

    #1076309

    Hi Ismael

    Thank you for your help.

    1.) Unfortunately no change. Some new ideas?

    2.) Screenshot in the Private Content Box

    Best regards
    Marco

    • This reply was modified 5 years, 9 months ago by marco_b.
    #1077278

    Hi,

    Thanks for the update.

    1.) The css files are compressed. Did you toggle the Performance > File Compression settings after adding the css code?

    2.) Is that a variable product? Please provide a link to an actual variable product.

    Best regards,
    Ismael

    #1077305

    Hi Ismael

    1.) I purged the cache an i even deactivate the Cache Plugin (W3 Total Cache), no change.

    2.) Yes, it is, see the link in the private section.

    Thank you for your help!

    Greetings
    Marco

    #1078411

    some ideas?

    #1079781

    Hi,

    I would like to apologize for the late response.

    1.) Please adjust the code a bit.

    div table.shop_attributes th {
        width: 100%;
        display: block;
    }
    
    div table.shop_attributes tr {
        display: block;
    }

    2.) We don’t see any variations in that product. Please provide another.

    Best regards,
    Ismael

    #1079855

    Hi Ismael

    1.) Thank You, i edited your code like this, it work now!:

    @media only screen and (max-width: 768px) {
    div table.shop_attributes th {
        width: 100%;
        display: block;
    }}
    
    @media only screen and (max-width: 768px) {
    div table.shop_attributes tr {
        display: block;
    }}
    

    2.) Here an other Link.

    Best regards
    Marco

    #1080225

    Hi,

    Thanks for the update.

    You can add this code inside the previous css media query.

    a.reset_variations {
        bottom: -50px;
    }

    That is going to adjust the position of the reset text as shown in the screenshot.

    // https://imgur.com/a/uIHYRej

    Best regards,
    Ismael

    #1080270

    Perfect, Thank you Ismael!

    #1080485

    Hi marco_b,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.