Fixed menu & footer

Beaver Builder
1

Hi,
Can the menu & footer be fixed on a page, when you go here & use the scrollbar, the menu & footer moves up and down on the page which I don’t want it to do. So far I have done this for the footer:

.footer ul > li {
	list-style-type: none;
	padding: 0.1em 0.4em;
	display: inline;
	font-size: 0.8em;
	margin-left:25px;
  	color: #2C3239;

cheers

2

Hey Pauline,

Try the following CSS code and see if it works:

.fl-builder-content .fl-row-content-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
}

Let us know how it goes.

Jun

3

Jun,
Tried the above code & even tried

.fl-module-content .fl-node-content .fl-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

But you can still scroll the page up & down, none of the modules are fixed.
cheers

4

Hey Pauline,

I can’t find the CSS code, did you remove it? Also, where did you place it? I would recommend putting it in your theme’s style.css - appearance > editor > style.css

Jun

5

Jun,

Tried the css code you provided, it didn’t work so I deleted it and used the one above.
It is in the theme’s style.css. Can the menu be fixed on the page?
paul

6

Hey Paul,

Can you remove the top and bottom padding you’ve added to the row and see if that’s what you’re looking for?

Ben