Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 26, 2015 at 12:24 pm #402607
    Jasmer

    Hi guys,

    I have a problem with the separator icons not centering properly. On my home page they ARE centered. On my pricing page they ARE NOT centered.

    I don’t understand why on my home page they are correct and on my pricing page they are incorrect.

    Thank you

    February 27, 2015 at 6:55 am #403195
    Ismael

    Hi Jasmer!

    Thank you for using Enfold.

    Add this to the Quick CSS field:

    @media only screen and (max-width: 767px) {
span.hr-inner.inner-border-av-border-none {
display: none;
}}

    Cheers!
    Ismael

    February 27, 2015 at 8:34 am #403239
    Jasmer

    THANKS Ismael!

    I need to know why I need this code for only one page. I am going to design sites for clients using Enfold and I need to understand this. Can you explain to me why my home page separator icons are centered and why I needed this code to center them on my pricing page? Why on one page but not the other?

    Thank you

    March 1, 2015 at 4:44 pm #404086
    Ismael

    Hey!

    There’s a hidden horizontal rule above or beside the icon. Don’t know where that come from but it’s there. Please check your editor. If you can’t seet the horizontal rule element, toggle the elements, change the positions, update the page then revert it back.

    Regards,
    Ismael

    March 2, 2015 at 3:16 am #404220
    Jasmer

    By “horizontal rule” do you mean “seperator-whitespace”? Why would that cause the separator below or above it to not be centered? One separator should not cause another separator to be not centered right?

    March 2, 2015 at 3:19 am #404222
    Jasmer
    This reply has been marked as private.
    March 3, 2015 at 7:55 am #404976
    Ismael

    Hey!

    I think it’s because of the width of the invisible line on both sides of the icon. You set the width of the separator with the issue to 200px and the other to 50px. It doesn’t automatically resize the width of this elements on smaller screens so it pushes the icon out of line. A fix should be included on the next update.

    Best regards,
    Ismael

    March 3, 2015 at 8:24 am #404988
    Jasmer
    This reply has been marked as private.
    March 4, 2015 at 6:07 pm #405937
    Andy

    Hey!

    you can follow https://www.facebook.com/kriesi.at?fref=nf or https://twitter.com/kriesi to be immediately informed about any updates.

    Cheers!
    Andy

    January 16, 2016 at 9:00 am #566500
    Jasmer

    Thanks! You can close this topic.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Separator Icons not centered on mobil device’ is closed to new replies.