Fix Footer Elements on Mobile

How can I fix the overlapping and logo and network bar sizes?

http://verobeachoceantoriver.com

I would like it to be legible on mobile. I am clicking like all kinds of stuff and changing settings and nothing is working.

Its a hot mess.

Hi,

I can see you are setting a fix height to your bars which makes it not responsive.

Try to set it to Auto

Then for overlapping issue, try to adjust your bar z-index

The z-index property specifies the stack order of an element.

An element with greater stack order is always in front of an element with a lower stack order.

Hope that helps

That was helpful thank you. The logos and network bar are still not responsive and do not look proper on mobile. They can stack or anything is better than what they are doing I am not sure why I am having so much issue.

Hey @verobeachmarketing,

​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look at your settings? We can edit your footer for faster resolution. To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

To know how to create a secure note, please check this out: https://theme.co/apex/forum/t/how-to-get-support/288

Thank you.

http://verobeachoceantoriver.com/wp-admin/

Hello @verobeachmarketing,

I have logged in and edited your footer.

Please check it now.

I am having the same issue.

Hello @Shaman22,

Thanks for updating this thread. I’ve checked the site associated with your license and I can see that you do not have a custom footer in your site. Could you please give us more details as to what your footer issue all about? You may send us screenshots or mock layout on what you have in mind.

Best Regards.

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