Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 9, 2016 at 3:26 pm #722453
    Pixel_Production

    hi there,

    congrats on the theme, its awesome. its already the third licence we bought. ;) Its easy to use so far, and all problems i could fix via your awesome support. but now i’ve got 2 problems myself i could’nt fix.

    1. i’ve got 4 1/4 (slim) columns side by side. they look good on desktop, but on portrait ipad they are super slim, there are only one or two words per row. i would like the columns to display 2 per row, not 4. how can i do that?

    i have posted the link to the mentioned website. its about the first block “Unsere Reiseangebote”.

    2. at the end there is a contact form. i would like to add some checkboxes. all elements should be split in 1/3 elements, but when i do that the order is chaotic. how i can order my text-input elements and checkboxes? for example: first 1/3 column: only checkboxes, second 1/3 column: only text-input elements and last 1/3 column the text-area element.

    edit: forgot one thing: the footer is splittet in 2 columns, how can i center the text in column 2 vertically?

    December 12, 2016 at 11:23 pm #723439
    Nikko

    Hey Pixel_Production,

    Thanks for your kind words :)

    1.) Try adding this code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:980px) and (min-width:767px) {
  #top #spalte-abstand .flex_column_table {
    display: block;
  }

  #top #spalte-abstand .flex_column_table div.flex_column.av_one_fourth {
    width: 46%;
    display: block;
    float: left;
  }
}

    2.) Unfortunately you can’t do it like that and it would take really much time to modify the form to accomodate that, but I suggest instead of organizing it vertically, do it horizontally maybe you can do something like 3 text inputs above using 1/3 width then below it 3 checkboxes in 1/3 width also, I think it wouldn’t have any issues on mobile.

    Regarding the footer you can add additional top margin to adjust it, try adding this code in Quick CSS:

    #footer #text-3 {
    margin-top: 50px;
}

    Just adjust the top margin, hope this helps. :)

    Best regards,
    Nikko

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