I’m having trouble with my footer not showing correctly in mobile view. I’ve set it up so the bar includes a site link and phone number on one side of a 2 widget footer, with links to social media links on the other side (see below).
On the mobile, the link and phone number are missing on the bar and then the footer wraps to a second line with the social media links but not bar.
I need the mobile footer bar to show the site link and phone number and have the bar extend across the social media links. The fact that the footer wraps is good, allowing it to be larger than it would be if it were on one line.
Can you please help me get this fixed. Thanks.
Hey advteksol,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.footer_color {
background-size: cover;
}
#footer #text-11 {
top: -50px;
}}
Best regards,
Yigit
Got the icons in the bar, but the site link and phone number is still missing.
Thanks.
Hey!
It does show up fine on my end however you can try adding following code to Quick CSS as well
@media only screen and (max-width: 480px) {
#footer #text-10 {
top: 30px;
}}
Best regards,
Yigit
That works great! Thank you.