Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 27, 2017 at 11:39 pm #784253
    tremblayly

    Hi

    In a previous support ticket #747638 I reported a problem with a custom short horizontal ruler no being centered on mobile devices. I tried to apply the CSS code snippet that Yigit provided in the ticket, but it did not fix the probem.

    Although it was for another website I have, this revamp website is just being launch on Monday. The URL is crescendo.staging.wpengine.com/ and the section with the custom hr ruler is A Propos.

    Can you please help me figure out what needs to change in the code snippet to make it work on this website?

    Thank you
    Lyse

    April 28, 2017 at 6:05 am #784291
    Nikko

    Hey tremblayly,

    Can you give us the link to the thread? I’ve checked your site, try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .hr-custom.hr-icon-yes .hr-inner {
    width: 40%!important;
  }
}

    Let us know if this helps.

    Best regards,
    Nikko

    April 28, 2017 at 4:45 pm #784691
    tremblayly

    Hi Nikko

    Here’s a link to the thread: https://kriesi.at/support/topic/short-horizontal-rulers-in-columns/#post-747638

    I have this CSS code in my child theme custom styles.css on line 110 and it does not work.

    Thanks
    Lyse

    April 29, 2017 at 5:08 pm #785026
    tremblayly

    Hi Nikko

    I got it to work by changing the max width of the mobile device.

    Thank you for your time
    Lyse

    April 30, 2017 at 3:55 pm #785277
    Victoria

    Hi Lyse,

    Glad you got it working for you! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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