Solved SP Page Builder

footer navigation doesn't show all Items (mobile and small devices)

Asked by thank you 4 years ago Last activity 4 years ago

hello Joomshaper Team,

I'm in trouble with my "Footer Navigation". It works perfekt on big Devices but stop shoing some Items on mobile and Ipad Screen. In both Devices it stopps at the same Point. (after 20 items)

Normally it has 32 items and on Ipad and small devices are shown: 20 items (12 are missing)

Is there a possibillity to "switch on" show all Items or do I have to strech the row? I do not find whats wrong.

I've made screenshots for you to see whats wrong
thanks for your help.

Claudia

Accepted answer

Marked as the solution

Toufiq Senior Staff

4 years ago

Add this css code inside the custom.css file.

@media screen and (max-width: 900px) and (min-width: 320px) {
.sppb-link-list-responsive.sppb-link-list-wrap ul.open {
    max-height: 100%;
    transition: all .5s ease-in;
}
}

I have added already this css code and now it works fine

https://www.fos-starnberg.de/

-Thanks

13 more replies

Toufiq Senior Staff

4 years ago

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Add this css code inside the custom.css file.

@media (max-width: 991px){
.sppb-link-list-responsive.sppb-link-list-wrap ul {
    max-height: 0;
    overflow: hidden;
    transition: all .5s;
    height: 100%;
}
}

-Thanks

thank you Asked this

4 years ago

hey Toufiq,

thanks for your reply but code doesn't work.
Means it is the same result as before.

regards Claude

Toufiq Senior Staff

4 years ago

Hi there,

Will you please provide me the Joomla administrator access to check the issue? I will check & get back to you soon.

-Thanks

thank you Asked this

4 years ago · edited

for sure, please see hidden Content.

it is the Modul: "footer Navigation" on "Bottom5"

thank you

Toufiq Senior Staff

4 years ago

https://prnt.sc/20n8c8m

thank you Asked this

4 years ago · edited

did it.
it works (dont know why it doesnt before)
sorry
same log in

thank you Asked this

4 years ago

If I put this code in: than I can see all Items but the navigation is always open (the differenz is max-height:100)

So I need the solution between ;)

@media (max-width: 991px){
.sppb-link-list-responsive.sppb-link-list-wrap ul {
max-height: 100%;
overflow: hidden;
transition: all .5s;
height: 100%;
}
}

Toufiq Senior Staff

4 years ago

I have added the CSS code inside the custom.css file & removed the previous CSS code from the template custom CSS code box. Please check now. Thanks

thank you Asked this

4 years ago

dear Toufiq,

it doesn't work. Now we have two problems:

in mobile and tablet version the navigation is fold out till "Profilfächer" all the time. It doesn't solve the problem.

please see link attached.

thank you Asked this

4 years ago

YEEEEEEEEEEEEEEEEEEESSS Made my day.

thank you.