Footer problems

Support
#1

Hi,
I am having problems getting my head around custom footers. I have read the KB article but I am still struggling

At https://staging.modburyteam.org/modburyremembers I have created a footer with one bar, 3 containers containing an image / tex t/ an image. What is happening is that when I view on a mobile device, I am just seeing the text. If I view on a tablet the images on either side are shrunk right down in size.

I tried creating the same footer with just one contains with all three items in the container and am having the same issue.

I am trying to get it so that the three items appear vertically on the mobile devices. I am assuming that I have missed out an important step or indeed got it totally wrong :weary:

I would appreciate any pointers in the right direction.

Many thanks

Alex

#2

Hello Alex,

Thanks for writing in!

Please edit your footer. The left and right container should be hidden in smaller devices. You may also need to insert an image element on top and below the text that will only be visible in smaller screens. You can show or hide the element by utilizing the “Hide During Breakpoints” option in the element settings. For more details, please check this out: https://theme.co/docs/hide-or-show-content-by-device-size

Hope this helps.

#3

Thank you, I now understand more.

One other related question if I may. On a page, if you have some content left justified, but want it to be centred on a mobile device for aesthetic looks, do you duplicate the section / row in question and then hide it appropriately, or is there another way?

Many thanks

Alex

#4

Hi Alex,

Yes, Hide During Breakpoints feature will work on that scenario but you don’t hide the entire section, just the element or the column.

Or you can use a CSS @media query to change an element alignment when the page is viewed on a certain screen width.

What is a Media Query?
Media Queries for Standard Devices

Thanks,

#5

Thanks very much - great service as always. 11/10 !!

Alex

#6

You’re welcome!
We’re glad we were able to help you out.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.