Hello,
I would like to know if anyone can help me to change the footer of my website to be like the example bellow.
My website: https://diversusoficialsite.myshopify.com/
Example: https://yelirworld.com
They use the same theme as mine, Dawn. I would like to change the footer for mobile and desktop.
Thank you in advance.
Hi @HELDERWRLD I have looked out the reference site and found they are using custom theme not the dawn theme.
To achieve the same footer you need to add the custom code, as it will not just be done with CSS, you need to change the theme code and may need to add some liquid or html code as well along with CSS.
No- one here will be able to provide you the exact code without looking into the theme file code, but if you need base code then I can provide you, and if you need exact code then I need to look into the code files.
If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
Hello @sahilsharma9515 ,
Yes, please. Anything that can help me improve the footer of my website. Can you provide it for me and help me implement?
Thank you!
Hey @HELDERWRLD ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hello @ThePrimeWeb ,
Thank you so much, it looks good on the desktop. Can you also help to do the same for mobile? Like bellow
And also, how can i change the size of the letters of the content like “Company”, etc?
Hey @HELDERWRLD ,
Just follow the same steps above.
I left a comment above the place where you can change font size to tell you where exactly it’s changing. Change the 14px value to whatever you want individually for all of them. (The comments start with /* and end with */
I have to add this code or the code is already there and i just have to change it?
If i have to add, should i remove the other and add this one or add this one bellow the other one?
Don’t need to remove the other one, the other one is for desktop, this one is for mobile.
Just paste it below the tag as you did before, don’t need to worry about the other one.
Can you screenshot and show me how you pasted the code?
Also is this a draft theme? The code I gave you was tested on the live theme. I cannot guarantee it working on your draft. If you need me to look at the draft then send me a preview link for it. Thanks
Are you working on a different theme or the live one?
The live one
The changes are already there,
see the lines below each link and all. The code added all that. Please check incognito in case your browser cached the old site
Yes, i saw it now, sorry!
But i can’t change the size on the desktop?
copy all this code from the new code
and add it after the } in the old code as shown below
if it doesn’t work, please paste a screenshot of how you pasted it.
Thank you so much @ThePrimeWeb , it worked really well.
Sorry for asking so much, but can you help in a few more things i would like to fix?
My contact is in the signature below
