How can I customize my website footer layout?

Store Design
1

31E74E02-DA84-410E-8490-9734B6185942.jpeg
31E74E02-DA84-410E-8490-9734B6185942.jpeg4032×3024 859 KB

Hello,

just created an account to build my own website. Would really like to get some help on my footer. Would like for it to look a certain way. Would like my logo to be on the left with my hours and email below, to the right of logo to be my menu, then to the right of the footer be my subscription. Would like the subscription to say “Get news from us” then below saying “Emails regarding lasted promotions from our store!” Then the area to add email and submit.

please see example photo. Thank you!

2

@Ali0404 - please go to footer section in customize section, you should have these options to add all this content as per your need

3

I have tried and even googled/ YouTube videos. Nothing showing me how to make it look like the layout in the photo.

4

@Ali0404 - which theme are you using?

5

Refresh. This is how mine looks like now. Would like the text to be white instead of Grey. Also would like the email sign up to have two rows of text and be on the right of the footer.

image.jpg
image.jpg4032×3024 1020 KB

6

@Ali0404 - color can be changed to white using css… you have 3 columns, you can add newsletter section in 3rd column, you should have that option

7

When I click footer, I don’t see that as an option. Also don’t know what the css is

image.jpg
image.jpg3024×4032 1.62 MB

8

@Ali0404 - css is basically the styling and design part of your website

you can have the available options for footer if you click on arrow to back to previous screen, available options are listed underneath title footer

right now you have clicked footer only, but available options are underneath it

9

I clicked back, how do I add the newsletter to the right and not have on the bottom anymore?

image.jpg
image.jpg3024×4032 1.6 MB

10

@Ali0404 - this will need code editing, your theme has newsletter code at bottom of the footer, need to change its location to have it on right side

11

What code and how do I do that?

12

@Ali0404 - you can go to footer.liquid file of your theme, search for the newsletter - footer-block–newsletter

copy that code to the last footer-block section… I know this is easy to read and difficult to do but try it, if you find it very difficult then you can contact me, I can do it for you.

13

Opened, edit code, search footer.liquid. What is next. It’s difficult and don’t want to mess up anything important.

image.jpg
image.jpg3024×4032 1.73 MB

14

@Ali0404 - search newsletter section

15

When I search it on the top right above the folders. Nothing shows

16

@Ali0404 - search in that footer.liquid file

17

This one?

image.jpg
image.jpg3024×4032 1.51 MB

18

@Ali0404 - it should be - footer-block–newsletter

19

I don’t see nothing, sorry not really good at understanding code.

20

@Ali0404 - ok, if you want then I can check it for you, I can send request. I will need your site link, you can share here or if want to keep private then DM/email me