Shiftnav toggle bar issues

Support
#1

Hi there, I have two problems with my shiftnav toggle bar. Firstly the centre image is padded in a way that it overflows the bottom of the bar, and there is a lot of space at the top. How can I change this please?

Secondly, below the toggle bar there is a space before the content of the page starts. Are the two issues linked? If they are not, can you please provide a solution for this as well?

thanks

#2

Hi there,

Thanks for writing in.

I assume it’s in mobile since the toggle is only visible there, but I don’t see spaces. Would you mind providing some screenshots?

Thanks!

#3

Please see the gap below the togglebar, and the logo overflowing it. I would like the logo to move up and take advantage of the unused space above. This is only on mobile/below the preset breakpoint

Thanks!

#4

Hi again,

Thank you for the screenshot.

  • To fix the top spacing issue, add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS 
#shiftnav-toggle-main.shiftnav-toggle-main-align-center .shiftnav-main-toggle-content {
    padding: 0 !important;
}
  • To remove the space below the toggle bar, add the following code as well:
#rev_slider_20_1_forcefullwidth .tp-fullwidth-forcer {
    display: none !important;
}

Hope this helps!

#5

Great response, the space is now solved, but the slider no longer appears at all. I want it to remain in place above a certain breakpoint of 990px. Please can you offer a solution to this?

#6

Please remove the code that makes the slider disappear.

You make the slider available on desktop only by turning on the Disable Slider on Mobile option under Layout & Visual settings. See [this part of the Slider Revolution Documentation](http://Disable Slider on Mobile). See the links below for more mobile options.

https://www.themepunch.com/revslider-doc/slide-layers/#layercanvas
https://www.themepunch.com/revslider-doc/layer-mobile-visibility/
https://www.themepunch.com/faq/incorrect-position-or-size-for-text-button-or-shape/

Thanks.

#7

Hi, the css that was commented made the slider not visible anywhere. Please see the previous response for context

#8

(i have already disabled it for mobile, there is just a white space remaining that I am trying to rectify)

#9

Yes, that is why I told you to “remove the code that makes the slider disappear” because it’s not working as you said.

Please try this CSS code.

.x-slider-container.above {
    margin-top: -21px
}

If that does not help, please hire a third party developer to continue fixing the layout issue as this involves a third party plugin ShiftNav.

Thank you for understanding.

#10

Thanks mate, all good now :smiley: I misread the first comment!

#11

You are always welcome!

Cheers.

#12

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