oops I made a duplicate post, this can be deleted

Hello Rikard,

What do you mean by shortcodes? I’m using the blog in grid mode and it doesn’t have any sort of built-in configuration to work on mobile.

Oh actually I figured it out via custom css sorry

Hello,

I did that and the spacing is still different. It seems odd that having multiple columns on blog posts doesn’t work correctly as that’s one of the built-in features for enfold. Is it supposed to work correctly by default? I wonder if maybe some other custom css I have would be messing it up.

/*this is so that the logo image of the menu does not appear*/
.logo { display: none; }

/*This is so that the header container which adds a space and border for the header logo does not show*/
.container.av-logo-container{
display:none!important;
}

/*This adds some padding to the bottom of the posts so that the 'read more' button isn't cut off*/
.slide-entry-excerpt {
  padding-bottom:32px;
}

/*this is so that the blog displays properly when the screen is smaller width like on mobile devices*/
@media only screen and (max-width: 767px) {
.page-id-162 .slide-entry {
  width:100% !important;
  margin-left:0 !important;
}
}

/* add padding to the top of blog posts so they display correctly in mobile mode */
article.slide-entry.flex_column.post-entry{
padding-top:32px !important;
}

/* change blog post navigation button color and font color*/
.avia-post-nav {
   background: #c3512f !important;
   color: white !important;
}

/*display blog next previous arrows in mobile view and make them smaller and not show a preview*/
@media only screen and (max-width:767px) {
  .responsive #top .avia-post-nav  {
    display: block !important;
    opacity: 0.8;
    margin-top:-70%;
    height: 30px;
  }
  /*also this makes it so the button doesn't expand when you click on it in mobile because it doesn't display right in that mode */
  .responsive #top .avia-post-nav .entry-info-wrap * {
    display: none !important;
  }
.responsive #top .avia-post-nav .entry-info-wrap  {
    display: none !important;
  }
}

/*Change large button minimum width for front page 'start at the begging or see latest articles' buttons to be the same size*/
.avia-button.avia-size-large { min-width: 290px; }

@media only screen and (max-width:767px) {
  #top .slide-entry-wrap {
    margin-bottom: 0;
  }
}

Thanks, that works, and is there a way to get the buttons to show up on mobile?

however, when I get a layout element, I can’t get that to go 100% width though.

hey you can close this, sorry I don’t remember if it worked or not

Hello,

Thanks that did it! It looks great now on mobile.

Hello Rikard,

Sorry maybe I’m missing something. I don’t have next/previous buttons on the posts for that website. I want them though but I don’t know to make that happen.

Hello Nikko,

Thanks for getting back to me. It’s ok. I suppose I could link to the first post. However it would be a lot easier if there were next/previous buttons I could add to posts to cycle through them. Is that possible or would I have to purchase a separate plugin?

Thanks,
Brendon

Hey thanks that did it!

Hey I found out there is a problem with chrome only. Firefox it works fine.

Hello,

It’s the page called ‘Homepage’ that I’m having the problem on. If you try to edit elements in any way it usually freezes up. I posted the login info below.

Thanks,

Brendon