fbpx

How To Create a Fixed Footer

How To Create a Fixed Footer

How To Create a Fixed Footer or Fix footer to the bottom of page

hello this video we will show how to create fixed footer or fix footer to the bottom of the page this will show step by step you can do it

in this website, we create from WordPress we install plugins Elementor free version yes you can use Elementor free version to create this Lest do it

  1. In this step, you will add free plugins to your WordPress site plugins name Elementskit this the best plugins for create a fixed footer after install please active plugins In dashboard go to Elementskit / header Footer click add new template setting will show in the
    title please you name fo fix footer
    type please select footer
    Condition Select entire site in this free version you can select only this ^_^
    Activation select On
    Save Changes and click edit content
  2. When you click edit content Elementor editor will show
  3. Click + in this we select 3 column section
  4. Add any button or link you need to show in all column
  5. In this step we will add CSS to this section when you use Elementor free version you can add see to this come with me we will show how to add CSS to this section
  6. Click edit section go to advance tab CSS Classes type “footerclass

Add html element to column and paste this code

 <style>
 .footerclass {
 position: fixed;
 top: auto;
 bottom: 0;
 width: 100%;
 display: inline-block;
 }
 </style>

  • in HTML section yes you will see a section will go to bottom wow yes now you can Create a Fixed Footer
  • If you need show 3 columns in mobile you can select a mobile and select column and insert 33 in column width all column

Wow now you can Create a Fixed Footer and add CSS to your site

We hope this help love you ^_^

 

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *