How to Center Footer Nav Menu with Copyright Below?

Sure I’ll share the link in the private content so you can see it.

Here’s some of the socket css I’ve added as additional (may need to change some of this?).

I’d also like the background image in the socket to expand and reach across the site 100% and actually have the irregular edge (it’s a .png with a transparent background) overlay the footer above it. Any tips on how to do that would be appreciated as well.

.socket_color .socket_bg {
background-size: 100%;
}

.socket_bg {
background-size: 100%;
}

.copyright { width: 100%; text-align: center; }

.sub_menu_socket {
width: 100%; text-align: center;
}

#socket .sub_menu_socket {
width: 100%; text-align: center;
}

#socket .sub_menu_socket a {
width: 100%; text-align: center;
font-size: 14px;
}

#socket {
width: 100%;
}

I see that my menu links in the socket also overlap on mobile. Is there a way to keep them all on the same line? Here is all the socket css I have right now… (I’ll link to my site in the private section as well). I would also like to know how I can get the background image in my socket to stretch the entire width of the page?

.copyright { width: 100%; text-align: center; }

.sub_menu_socket {
width: 100%; text-align: center;
}

#socket .sub_menu_socket a {
width: 100%; text-align: center;
font-size: 14px;
}

#socket .container {
display: flex;
flex-direction: column-reverse;
}

#socket .sub_menu_socket ul {
margin-bottom: 8px;
}

#socket .sub_menu_socket li {
float: none;
display: inline-block;
}

Thanks Nikko, I can live with the arrangement of the socket menu on mobile as they are.
Another question I had though, was that I want the irregular top edge of the dirt background in the socket (a transparent .png) to overlap the leather tooling background of the footer area above it.
I’d like the same effect for the logo area purple/pink gradient image which has a grungy, irregular edge on the bottom – would like that to overlap the slider image below it.
Can I get help with code for bot of these things? Thank you!

Ooooooohhhh, that’s perfect Nikko – thanks so much! Do you have code to give the same effect to the purple background image I have in the header with the irregular grungy edge on the bottom?

Thanks! That did the trick once I removed the hex code background color from the logo area settings.
Although now it seems that the background image is REALLY stretched out – the grungy irregular edge is blurry.
I’ll attach my site link and all my additional css in the private section in case there is something conflicting?
I appreciate your help!

I am still having the same problem, it’s actually the background image in the logo area (not header – I mis-stated that before) that is getting stretched, no matter what size it is – which makes the jagged, lower transparent edge look blurry.
I am about ready to pull my hair out in frustration over this.
I’ll include my site info in the private info, would appreciate getting this fixed ASAP, thanks for the help!

Hi again. No matter what the background image size, it was still getting stretched and cut off by 400px on each side, but I managed to figure that issue out on my own.

The issue that still remains is that when at the top of my page, there is white color behind the grungy purple logo background image… it’s transparent when I scroll down but the white is there when at the top of the page.

I can change the white COLOR of this background, when I select the SOCKET color in the Settings, strangely enough, but no matter what I do – like delete the color from that setting or add custom css, I can’t get that background color to be transparent when I’m at the top of the page – spent hours on this today – please help!

THANK YOU! What would be a good way to set this code up on other pages? Most pages/posts will have it… but there will be a handful of single column sales pages that won’t.

Thanks, I’ll try that – I see that the white is still sticking out under the purple grunge background image on mobile. Is there code to add to address that?
Actually, now that I refresh, the purple grunge background image isn’t coming up at all now on mobile – please help!?

• This reply was modified 6 years, 4 months ago by Moondreamer21.

Thank you. That did the trick, I appreciate it. Was still having some issues with that part, but I opened a new thread for it to stay on one topic. Thanks again.