westkc

figured that out too!

Giving up :'(

.additional_read_more {
    display:inline-block;
    border:1px solid #2b2b2b;
    padding:10px;
    background-color:#259fa8;
    color:#fff;
    -webkit-transition:all 0.3s ease-in-out !important;
    transition:all 0.3s ease-in-out !important;
    }

.additional_read_more:hover {
    border:1px solid #259fa8;
    padding:10px;
    background-color:#fff;
    color:#2b2b2b;
    }

@media only screen and (max-width: 400px) {
  .latest_post_holder.boxes>ul>li .latest_post p.excerpt {
     display: none;
.latest_post_holder.boxes>ul>li .latest_post {
  padding: 0;
}
.latest_post_holder .post_info_section:before {
   content: '';
}
.additional_read_more {
   display: none;
}
.latest_post_holder.boxes.four_columns>ul>li:nth-child(2n) {
   margin: 0 !important;
}
.latest_post_holder.one_columns>ul>li, .latest_post_holder.boxes.four_columns>ul>li {
   margin: 0 !important;
   padding: 3px !important;
  }

@media only screen and (min-width: 115px) and (max-width: 768px) {
  .latest_post_holder.one_columns>ul>li, .latest_post_holder.boxes.four_columns>ul>li {
    width: 49% !important;
    padding: 0px !important;

.latest_post_holder.boxes>ul>li .latest_post {

padding-left: 0;

padding-right: 0;

}
  }
}

is ending up the way my website is set up now. The continue reading button is now stuck there on mobile.

I literally just want what herschel has an I cannot achieve the mobile/responsive look of their latest post..

Not on mobile, on the full screen browser

Actually man, for some reason, that code works in removing the read more on mobile which is great..

however it’s shifting the boxes to the left, and leaving quite a bit of space on the right. Make sit very unappealing.

Am I doing something wrong?

This is what my css looks like:

.title:not(.breadcrumbs_title) .title_holder {
height: 100%!important;
padding: 0px 0!important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.latest_post_holder.boxes>ul>li .latest_post {
padding-left: 0;
padding-right: 0;
}

@media only screen and (max-width: 400px) {
.latest_post_holder.boxes>ul>li .latest_post p.excerpt {
display: none;
}
}

.filter_outer { text-align:center !important; }

.additional_read_more {
display:inline-block;
border:1px solid #000;
padding:10px;
background-color:#fff;
color:#000;
-webkit-transition:all 0.3s ease-in-out !important;
transition:all 0.3s ease-in-out !important;
}

.additional_read_more:hover {
border:1px solid #000;
padding:10px;
background-color:#fff;
color:#333;
}

@media only screen and (min-width: 115px) and (max-width: 768px) {
.latest_post_holder.one_columns>ul>li, .latest_post_holder.boxes.four_columns>ul>li {
width: 49% !important;
padding: 0px !important;
}
}

That second code worked thank you! Would you have any advice on the CSS styling to make it more like this example here padding is an issue that i’m still working on trying to figure out.