Hope Template Footer Inline Issue?
Nader A.
I have an issue where only on mobile, the footer menu items mix into each other or appear on the same line even though they are their own menu items under footer headings. I'm using an iPhone 16 Pro Max to test. If you go to https://jondavidsalon.net/newjds you will see what I mean. How do I resolve this issue where the menu items in the footer appear on their own line on mobile portrait mode?
Thanks, Nader
Paul Frankowski
Accepted AnswerOh, in that case, extra Custom CSS is needed.
Solution #1
@media screen and (max-width:990px) {
#sp-bottom .sp-module ul.nav {display: block;}
}Solution #2: or you can keep inline, but add margin for menu items, also very simple:
#sp-bottom .sp-module ul.nav.menu li {margin-right: 10px;}
Next time add screenshot with red arrows in first post.
Paul Frankowski
Accepted AnswerHi Nader .
Please go to Template Options > Layout and change grid for bottom1 and bottom2 > Column Options> , if no value just use col-12 for Mobile view (both).
quick tip
Nader A.
Accepted AnswerHi Paul,
This is what I see. Am I looking at the right place? Your display looks different than mine.
Paul Frankowski
Accepted Answerin that case in Mobile Layout - choose/set col-12 in theory it should fit for IPhone 16.
Do the same for Bottom1 and Bottom2
Nader A.
Accepted AnswerHi Paul, I tried that but it still didn't work. The issue are the menu items under the headings, not the headings, themselves. Any other ideas?
