Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 22, 2015 at 11:32 am #462576
    xianeK

    Depending on the Screensize, the Seperators would need a different height.
    Example: https://mo-sound.com. On small screens, a less height would be perfect.

    Is there a already workaround or should i post this in the enfold-feature-wishlist (maybe i’ll get this at christmas :-) )?
    thanks! xiane

    June 22, 2015 at 1:37 pm #462742
    Yigit

    Hey xianeK!

    Can you please post a screenshot and show the changes you would like to make? I am not sure if i understood it clearly :)

    Cheers!
    Yigit

    June 22, 2015 at 3:35 pm #462838
    xianeK

    For big Screens i need more horizontal space between the content than for small screen.

    June 22, 2015 at 5:43 pm #462955
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .hr { margin: 10px 0; }

    make sure to disable CSS minifying feature before applying the code

    Regards,
    Yigit

    June 22, 2015 at 8:42 pm #463038
    xianeK

    Thanks Yigit for this inspiration.

    My solution is:
    @media only screen and (max-width: 600px) {
    .hr-invisible { margin: 10px 0 !important;
    height:0 !important;
    }
    }

    Regards,
    Xiane

    June 22, 2015 at 8:45 pm #463041
    Yigit

    Hi!

    I am sorry, my bad, i totally forgot to add media queries :)
    Glad you figured it out!

    Regards,
    Yigit

    June 22, 2015 at 11:09 pm #463087
    xianeK

    :-)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Responsive Seperator’ is closed to new replies.