Trying to move layerslider to top of page

Support
#1

hello,
I am trying to move layerslider up so that it reaches the menu bar and eliminates the space above it. I have tried playing with x>content>section> margins and padding sliders but that is as far as i can get it. is there a css code which would allow me to move it up?

many thanks,
Morgan

#2

Hi there,

You tried to add a full screen slider to a page with a container which is not possible and having dirty CSS code will break somewhere in the line of future updates.

I suggest that you go to the Page settings of the homepage and choose the No Container - Header - Footer Page Template for your purpose:

Thank you.

#3

I tried that setting and it works alright but it created 2 more problems for me.

  1. Everything on that page (images) loads REALLLYYYY slow.
  2. there is a weird second scroll bar on the page next to my browser scroll bar

#4

is there a code i could try that would bring layerslider up or even just the container up?

#5

Hello There,

You do not need a code. Do you know that a slider can be assign above the menu bar and below the menubar? Yes, you can assign your layerslider right below the menu bar. Simply edit the page and find the Slider Settings: Below Masthead option. You may check out this screenshot: https://prnt.sc/hcni41
https://image.prntscr.com/image/Zweo-SkXQqy70ULPP1rtdA.png

Or if you in Cornerstone, you can check it out right here: https://prnt.sc/hcnig1
https://image.prntscr.com/image/g3AAnEUCS1qhg9mFOyrFOA.png

You may check out my test page I have created which is in the secure note. In this test page I also added a custom css, to remove the default border of the slider and the default top margin of the page. You can ignore the page title at the moment because the page title will disappear if you set the page as your homepage. This is the css I added in the settings tab, Settings > Custom CSS

.x-slider-container.below {
  border: none;
}

.x-container.max.width.offset {
  margin-top: 0px;
}

Hope this helps.

#6

thanks so much! thats what i needed!

#7

You’re most welcome.

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.