Okay
  Public Ticket #2605797
Moonlight theme
Closed

Comments

  • Jeff Cook started the conversation

    Is it best to do all editing in revolution slider 6 when working with the moonlight theme?  I'm trying to place the social icons on the left side of the screen on the moonlight theme home page and I want them to be in a "Fixed" position.When I tried this using Elementor, I got a warning message that said "It's not a good idea to edit positions because it could mess up the responsiveness on other devices." Should I place the social icons in another layer in revolution slider 6? If so, how do I make them stay in place while scrolling? 

  •  1,101
    Max replied

    No, use slider revolution only for the 3d album cover.

    The warning is because people usually dont have the knowledge of how responsive can affects elements placed in position with an absolute value. You must understand/learn what is absolute positioning and how it can affects position in your page regarding the screen size of the user. 

    When you place elements with Revolution Slider, they place it with absolute value as well...Elementor is brillant enough to warn you about absolute positions, but rev slider does not.



    Thanks,


    Max from the Sonaar.io Crew

  • Jeff Cook replied

    Ok, below you'll see the icons are at the top of the page and its pushing my slider down. How do I shrink the width of the highlighted part of the slider? The album and it's borders are the perfect size, but the highlighted part of the editing area is too wide for me to place the social icons in the middle of the page. Right now if I scroll up, the icons will disappear and that is the issue. How do I place the icons on the left/middle screen position (without absolute value), so when I scroll up they don't disappear? Thanks!

  •  1,101
    Max replied

    Im not sure to correctly understand your question. What do you mean by the highlight part..i dont know what you are refering to.

    If you want to show everything without scrolling, that will might work at some point for you, but what about if you or your user have a smaller or bigger screen ? at some point, you will have to scroll no?


    Thanks,


    Max from the Sonaar.io Crew

  • Jeff Cook replied

    The highlighted part is the light blue square you see around the slider content. It's the bright box that outlines the entire slider album.

  •  1,101
    Max replied

    Its the standard behavior that when you add elements, it will push other elements below. So the only way is to either add the element and add negative bottom margin to raise the bottom elements, or to put the element with absolute position.

    Thanks,


    Max from the Sonaar.io Crew

  • Jeff Cook replied

    Got it, thanks!