Footer Inline Navigation Dividers

Support
#1

Two quick questions:

  1. I’m trying to create borders in between a footer that only appears on mobile and tablets. In the footer editor all of the borders appear, but when resizing the browser and viewing via phone the border only appears on the first two items. How do I get it to appear between all of the items:

  2. When the footer isn’t visible (at larger resolutions) there is still a white gap at the bottom of the page under the slider. Is there a way to remove that until the footer becomes visible?

#2

Hi There,

Instead of hiding the navigation inline element, please hide your bar at larger resolutions.

Please this element CSS to your navigation inline element:

$el.x-menu > li > .x-anchor {
    border: 1px solid #f0f0f0 !important;
}

Hope it helps :slight_smile:

#3

Thank you! That did help. There is still a gap below the slider. Any ideas as to what might be causing it?

#4

Hi again.

It seems like some third party code / script is causing the gap below the slider, try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

#5

thanks. i deactivated everything except slider revolution itself, but the gap remains.

#6

Hi,

Instead of adding your slider inside your page content. Try to utilize Slider Below Masthead

Then make sure to select Full Screen Layout for your slider.

https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout

Hope this helps

#7

Yeah it’s strange. When I try below or above masthead the slider simply doesn’t appear.

#8

Hello Denaj,

Thanks for updating the thread.

Hmm, that’s strange. Can you please supply some WordPress admin login details in secure note for us to take a closer look?

It is very common to need to share sensitive information with our staff such as login or FTP information. In order to keep this private, be sure to use the Secure Note button that you will find at the bottom of each reply.

Thanks.

#9

Hi Denaj,

You offset your full-screen slider with 60px



I did go ahead and remove that and added a #wpadminbar to offset the adminbar (black bar at the top).

Actually, I added a 1px offset to make the slider an actual full-screen slider (no scroll bar on the right side), that 1px seems to be a border on your footer.

Hope it helps,
Cheers!

#10

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