Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 25, 2022 at 12:04 pm #1359374
    cuccarini

    Hello,
    the system on desktop is working as expected, however on smartphones several items are not optimized for this device at all. In particular I would like to optimize the following items:
    – in the shop have at least 2-3 products on every row and not 1 product in 1 row as now
    – in invasion i would like to have at least 2-3 portfolio items on every row and not 1 portfolio item in 1 row as now
    – in archive post i would like to have at least 2-3 posts on every row and not 1 post in 1 row as now
    I hope these results can be obtained.

    I forgot to add that for the vote page https://www.fishesinvasion.com/test/vote/ I managed to make sure that:
    – on desktop there are 4 icons per line
    – on mobile 2 icons per line and not 1 as previously
    thanks for your attention

    thanks in advance for your great help
    Andrew

    • This topic was modified 2 years, 4 months ago by cuccarini.
    August 1, 2022 at 2:59 am #1360038
    Nikko

    Hi cuccarini,

    We apologize for the delayed response.
    We have added this code in your Quick CSS (Enfold > General Styling), to make the products and invasion 2 items per row and archive post 3 items in a row:

    @media only screen and (max-width:767px) {
  .responsive #top #main .products .product {
    width: 49%;
    margin-right: 1%;
  }

  .responsive #top #main .products > .product:nth-child(2n) {
    margin-left: 1%;
    margin-right: 0;
  }

  .responsive #top .av-masonry-entry {
    width: 49%;
    margin-right: 1%;
    position: static !important;
  }

  .responsive #top .av-masonry-container > .av-masonry-entry:nth-child(2n) {
    margin-left: 1%;
    margin-right: 0;
  }

    .responsive #top #wrap_all #main .avia-content-slider .slide-entry-wrap {
    display: flex;
    gap: 10px;
  }

  .responsive #top #wrap_all #main .avia-content-slider .slide-entry {
    clear: none;
    width: 33%;
  }

  .responsive #top #wrap_all #main .avia-content-slider .slide-entry .slide-entry-title {
    font-size: 16px;
    word-break: break-word;
  }
}

    Please review your site.

    Best regards,
    Nikko

    August 1, 2022 at 2:09 pm #1360111
    cuccarini

    Hello Nikko,

    I checked now the results and everything is as expected! You can close the ticket please.
    Thanks you so much for your big help.

    Best regards
    Andrew

    August 1, 2022 at 5:36 pm #1360134
    Rikard

    Hi,

    Great, I’m glad that Nikko could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Optimization on mobile devices’ is closed to new replies.