Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 18, 2019 at 1:23 am #1068076
    gabs01

    Good evening I have a problem with the responsive of my site. I added this css code from the Enfold documentation.

    Progress Bar

    Custom styled progress bar 2

    The result is bad, it does not come out well.
    It comes out well in mobile but not in desktop.
    Could you help me please ?

    Best regards

    February 19, 2019 at 9:21 am #1068836
    Nikko

    Hey gabs01,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:479px) {
  #top .avia-progress-bar-container {
    display: block;
  }

  #top .avia-progress-bar-container .avia-progress-bar {
    margin-top: 30px;
  }

  #top .avia-progress-bar-container .avia-progress-bar .progressbar-title-wrap {
    margin-left: auto;
    margin-right: auto;
  }
}

    Best regards,
    Nikko

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