Solved

How can I keep my footer at the bottom of the page in Baseline theme?

splizh
New Member
5 0 0

my footer doesnt want to stay at the bottom when the page has little content but its normal when there is more im using the baseline theme, please help thanks

Accepted Solution (1)
Liqiud_xPert_SJ
Shopify Partner
800 99 128

This is an accepted solution.

@media only screen and (max-width: 600px) {

#shopify-section-template--21444845011251__main {
	padding-bottom: 200px;
}
}

 

please add this code and check

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 9 (9)

Liqiud_xPert_SJ
Shopify Partner
800 99 128

@splizh 

 

can you please share the store URL?

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
splizh
New Member
5 0 0

Yes sorry i forgot https://nineofspades.co

Liqiud_xPert_SJ
Shopify Partner
800 99 128

@splizh 

 

please place below code into your theme.min.css file.

#shopify-section-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}

 

thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
splizh
New Member
5 0 0

It kinda worked but the footer is permantly stuck on the bottom of the screen, i meant it to be on the bottom of the page at all times, you should be able to see it since i saved it

Liqiud_xPert_SJ
Shopify Partner
800 99 128

@splizh 

it is currently bottom of the page fixed. If you want to unstick the you can remove the code. can you please explain what exactly you want to do? with the footer>?

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
splizh
New Member
5 0 0

Its currently taking up half the screen and i just eant ot to be on the bottom of the page below all the content, on pages like faq or brand the footer normally had some space below the footer and i just eant the footer to be a footer

Liqiud_xPert_SJ
Shopify Partner
800 99 128

@splizh 

 

still did not get it share an example if you have

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
splizh
New Member
5 0 0

Its taking up half the page i just want to be at the bottom of the page below everything especially on pages like faq or contact (sorry for all the typos in last reply) https://streamable.com/59oc6l

Liqiud_xPert_SJ
Shopify Partner
800 99 128

This is an accepted solution.

@media only screen and (max-width: 600px) {

#shopify-section-template--21444845011251__main {
	padding-bottom: 200px;
}
}

 

please add this code and check

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂