Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 17, 2017 at 10:58 am #865227
    Eisi101

    Hallo,

    ich habe eine Spezialfrage. Ich habe die Startseite mit dem Page Builder in 1/3 + 1/3 + 1/3 aufgebaut. Im Desktopbereich sieht das auch gut auch. Mobil fehlt mir der Abstand zwischen den 1/3 Spalten. Das heißt: Die Überschrift vom zweiten 1/3 steht unmittelbar unter dem Bild vom ersten 1/3. Das kann zu Verwirrungen führen. Im Private Content habe ich noch 2 Screenshots angehängt – da sollte klar werden was ich meine.

    DANKE!!

    October 18, 2017 at 5:21 am #865525
    John Torvik

    Hey Eisi101,

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Best regards,
    John Torvik

    October 18, 2017 at 10:21 am #865615
    Eisi101

    You find the URL in the private Content. Thank you!

    Alex

    October 18, 2017 at 1:22 pm #865697
    Victoria

    Hi Alex,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  .flex_column.av_one_third.flex_column_div.first.avia-builder-el-1 {
    padding: 0 !important;
  }
}

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

    October 18, 2017 at 1:49 pm #865709
    Eisi101

    Hello,

    thank you – but both (custom css in enfold backend and in the file custom.css) does not work.
    I am not sure if you know what i am looking for – i need more space between the 1/3 for mobile devices, because there the 1/3 are not side by side but below…
    thank you!!

    Alex

    October 18, 2017 at 2:49 pm #865734
    Victoria

    Hi Alex,

    Ah, ok, I thought you wanted less.
    Try this code and you can set the number to whatever works for you

    
@media only screen and (max-width: 767px) {
   .responsive #top #wrap_all .flex_column {
      margin-bottom: 40px;
  }
}

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

    October 19, 2017 at 8:45 am #866110
    Eisi101

    Hello ;)

    Thank you very much!!! It Works ;)

    One last question: is it possible to get a dividing line between the column in the mobile version?

    Thank you!
    Alex

    October 20, 2017 at 6:23 am #866586
    Rikard

    Hi,

    Please try this instead of what Victoria sent you:

    @media only screen and (max-width: 767px) {
   .responsive #top #wrap_all .flex_column {
      margin-bottom: 40px;
      border-bottom:1px solid #ddd;
  }
}

    Best regards,
    Rikard

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