Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 25, 2017 at 1:46 pm #843949
    codecreative

    hi on my home page it seems the buttons are not on the same line and it looks odd. This is only on mobile view, desktop it is fine

    Please can you help me figure out why?

    All site information in private section

    August 30, 2017 at 5:54 am #845588
    Ismael

    Hey codecreative,

    Thank you for using Enfold.

    Please add this css code in the Quick CSS field.

    @media only screen and (max-width: 989px) {
  /* Add your Mobile Styles here */
  .avia-button-right, .avia-button-left {
      display: block;
      float: none;
      text-align: center;
  }

  .avia-button.avia-position-right, .avia-button.avia-position-left {
    float: none !important;
    display: block;
    width: 50%;
    margin: 0 auto;
  }
}

    Best regards,
    Ismael

    August 30, 2017 at 5:51 pm #845890
    codecreative

    Hi Ismael

    Yes that sort of works now the buttons stack on top of one another which is okay

    But can you help me understand why this didn’t align “straight out of the box” so to speak. The theme should do this was there something creating this issue? Would it happen again with another site using enfold?

    September 1, 2017 at 9:54 am #846741
    Ismael

    Hi,

    They buttons are set to align to the left and right and since this is a custom layout, the css code that should adjust them on mobile view is not available so we added it.

    Best regards,
    Ismael

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