Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 28, 2023 at 9:36 pm #1399580
    schweg33

    Hello together
    I have received the following code from you:
    this is applied to the page link below:

    .page-id-3578 #av_section_1 .av_one_third .iconbox_content {
    min-height: 420px;
    }

    I would like to make this setting, now different for each device:
    can be set individually per device
    Only for computer
    Tablet only
    Mobile only horizontal view
    Mobile vertical view only

    thanks in advance
    kind regards
    Franz

    Thanks in advance
    kind regards
    Franz

    March 1, 2023 at 7:43 am #1399602
    Nikko

    Hi Franz,

    I have replied on the original thread and it will be for all devices, so you won’t need to add multiple media queries.

    Best regards,
    Nikko

    March 1, 2023 at 9:22 am #1399632
    schweg33

    Thank you Nikko
    That actually already fits
    but I have planned
    to make different dings
    would be glad if you could make me only examples
    e.g.
    @media only screen and (max-width: 479px)

    so i would have the exact pixel data.

    and important that the CSS code from you is only for the PC.
    .page-id-3578 #av_section_1 .av_one_third .iconbox_content {
    min-height: 420px;
    }
    i hope you understand me

    thanks
    kind regards
    Franz

    March 1, 2023 at 10:08 am #1399647
    Nikko

    Hi Franz,

    I think you can use this code so it’s equal columns on desktop including tablet (landscape), just increase the min-width value to 1200px and that should only target desktops and laptops:

    @media only screen and (min-width:1024px) {
  #top .equal-height-column .entry-content-wrapper {
    display: flex;
  }

  #top .equal-height-column .entry-content-wrapper .iconbox {
    display: flex;
    min-height: 100%;
  }
}

    If you plan to target individual devices, that will be fine as well but you will need a lot of code, please check this article: https://codeconvey.com/responsive-media-queries-for-all-devices/
    I hope it helps.

    Best regards,
    Nikko

    March 1, 2023 at 9:53 pm #1399729
    schweg33

    Thanks a lot
    Nikko
    So I understand it well now

    you can close this ticket

    kind regards
    Franz

    March 2, 2023 at 2:17 am #1399736
    Nikko

    Hi Franz,

    You’re welcome :)
    It’s a pleasure to help you.
    Thanks as well for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘for each device’ is closed to new replies.