Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 12, 2019 at 11:06 am #1077779
    nomore007

    Hallo,

    ich möchte, das bei Tablets früher auf die einspaltige Ansicht gewechselt wird also z. B. ab einer Breite von 860px.
    Wie erreiche ich das mit @media?

    March 14, 2019 at 7:27 pm #1078812
    Basilis

    Hey Roland,

    You need a speicific media query for which thing?

    Best regards,
    Basilis

    March 14, 2019 at 10:12 pm #1078873
    nomore007

    Hello, thanks for the answer.
    I would like to change the entire website to the mobile view from a maximum resolution of 1200px.

    March 16, 2019 at 9:41 am #1079405
    Rikard

    Hi,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1200px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

    March 16, 2019 at 8:14 pm #1079491
    nomore007

    Hello, thanks, but that does not work.

    March 17, 2019 at 5:18 pm #1079656
    Victoria

    Hi nomore007,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    March 17, 2019 at 7:20 pm #1079695
    nomore007

    Hier der Link

    March 19, 2019 at 8:23 am #1080244
    Victoria

    Hi nomore007,

    Best regards,
    Victoria

    March 19, 2019 at 3:25 pm #1080357
    nomore007

    hello, the menu is not the problem. I would like that on trays in the landscape format on the same view is switched as in the portrait format.

    March 22, 2019 at 1:17 am #1081644
    Ismael

    Hi,

    Thanks for the update.

    Are you referring to the grid row cells? This css code should force the grid row cells to adjust to a single column when the screen width is equal or less than 1200px.

    @media only screen and (max-width: 1200px) {
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    display: block;
}
}

    Best regards,
    Ismael

    April 6, 2019 at 5:47 am #1087677
    nomore007

    Hallo, auch das funktioiert leider nicht. :-(

    April 8, 2019 at 4:29 am #1088118
    Ismael

    Hi,

    Could you provide a screenshot of the section or area that you want to adjust? You can upload the screenshots to imgur or dropbox.

    Best regards,
    Ismael

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