Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • December 4, 2017 at 8:46 pm #884778
    sonderdesigner

    Hi,

    If you compare the News page between desktop and mobile you will on the mobile version the missing small dividers between each post.
    What can I change to show the small divider?

    Thanks
    _K

    December 6, 2017 at 6:47 am #885378
    Rikard

    Hey sonderdesigner,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.post_delimiter {
    left: 0 !important;
}
}

    Best regards,
    Rikard

    December 6, 2017 at 7:39 am #885402
    sonderdesigner

    Hi,

    the code works for the News page, but not for the exhibition page where I implement blog-post. Also it doesn’t work at the page 2017 and 2016 where I have also implement blog-post filtered after category 2017 and 2016.

    Can you help me on this, Please.

    Thanks

    December 6, 2017 at 2:15 pm #885595
    Rikard

    Hi,

    Thanks for the links, but there are no dividers between the posts on those pages?

    Best regards,
    Rikard

    December 6, 2017 at 7:57 pm #885748
    sonderdesigner

    Oh I see – Is there a possibility to add divider in the mobile view?

    December 6, 2017 at 8:44 pm #885757
    sonderdesigner

    Alternative would be to change the space between each post. At the moment they are to close together.

    December 7, 2017 at 7:43 am #885964
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page .slide-entry {
  border-bottom: 1px solid #ddd;
}
}

    Best regards,
    Rikard

    December 7, 2017 at 7:58 am #885969
    sonderdesigner

    It works perfect! Thank you soon much.

    December 8, 2017 at 5:45 am #886360
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    December 8, 2017 at 6:37 am #886375
    sonderdesigner

    I thought I will be fine but I seems like I have one more problem on the blog Raster mobile display.
    The divider are there but the space between the post are different. I have no idea where this come from.
    Where can I adjust the space? First, second and 5th post are correct but third and fourth have wrong space on top.

    Thank you.

    December 8, 2017 at 8:08 pm #886596
    Victoria

    Hi sonderdesigner,

    I got a 404 on that link, has the page moved?

    Best regards,
    Victoria

    December 9, 2017 at 7:29 am #886730
    sonderdesigner

    Yes,
    meantime we went live with the page – even there a still small issues.

    Here is the new link:

    Exhibitions 2017

    Thanks
    Katharina

    December 9, 2017 at 11:11 am #886763
    Mike

    Hi,
    I found an extra 40px margin, Try this code in the General Styling > Quick CSS field to remove:

    @media only screen and (max-width: 767px) { 
.page-id-1336 .avia-content-slider .slide-entry-wrap {
    margin-bottom: 0px!important; 
}
}

    Best regards,
    Mike

    December 10, 2017 at 8:19 am #887066
    sonderdesigner

    Hi Mike,

    thanks for your code. Some how it only works for some posts bit not for all.
    The situation now is, third post is still attached on the divider – fourth post is fine.
    If you click submenu 2016 you can see the different spaces between each post.

    Thanks for your help, appreciate it.

    December 11, 2017 at 2:48 am #887194
    Mike

    Hi,
    Please try this code instead:

    @media only screen and (max-width: 767px) { 
.slide-entry.flex_column.post-entry {
    margin-bottom: 20px!important; 
}
}

    Best regards,
    Mike

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