Adding a single line below 3 Containers in 1 Bar Footer

Support
#1

Hi there,

How do I make a footer like this one:

I have 1 Bar, 3 Containers. How do I add another Container below my first 3 and add a Line Element and below that add 2 Containers: 1 for website and 1 for inline navigation?

Thank you :slight_smile:

#2

Hi @artthescience,

Unfortunately, you cannot implement the layout that you gave the screenshots using only one Bar. You need to have a separate bar for the top section which contains the three containers, a separate bar below that which will include the copyright and additional navigation inline element.

For the bottom second Bar, I would use two containers, One for the copyright text, which contains the text element and the other one for the menu.

Thank you.

#3

Thank you for your reply. How do I turn off the Shadow effect of the bars to have a completely flat look?

:slight_smile:

#4

Hey @artthescience,

The correct way of removing the bar’s shadow is to set all the Box Shadow options value to 0.

Hope that helps.

1 Like
#5

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