Footer Navigation Doesn't Show All Items (mobile And Small Devices) - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Footer Navigation Doesn't Show All Items (mobile And Small Devices)

thank you

thank you

SP Page Builder 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

0
14 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44445

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

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44284

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

0
thank you
thank you
Accepted Answer
4 years ago #44325

hey Toufiq,

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

regards Claude

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44326

Hi there,

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

-Thanks

0
thank you
thank you
Accepted Answer
4 years ago #44327

for sure, please see hidden Content.

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

thank you

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44331
0
thank you
thank you
Accepted Answer
4 years ago #44334

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

0
thank you
thank you
Accepted Answer
4 years ago #44358

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%; } }

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44376

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

0
thank you
thank you
Accepted Answer
4 years ago #44426

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.

0
thank you
thank you
Accepted Answer
4 years ago #44447

YEEEEEEEEEEEEEEEEEEESSS Made my day.

thank you.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44450

You are most welcome. Will you please spend some to write a review about our product and support quality? 

https://extensions.joomla.org/extension/sp-page-builder/

0
thank you
thank you
Accepted Answer
4 years ago #44451

I already did it. If you have another Forum, where I can rate you - than it will be my pleasure to do it ;)

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #44453

You can share your exprience here

https://www.facebook.com/groups/sppagebuilder/

0