SPPB Νavigation Add On - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

SPPB Νavigation Add On

T

Takis

SP Page Builder 3 months ago

Hi, I use the Νavigation add on with the sticky option and it works but not 100% well. My issue is about the height of the add on when the user scrolls down. Because some items are long, causing wrapping line, the sticky effect hides this part of the line. You can see the examples screenshots:

0
13 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 months ago #198909

Apologies for the inconvenience. In order to assist you more effectively, could you please share the URL of the page where you're experiencing this issue? This will help us investigate the sticky navigation behavior and provide a suitable solution.

Thank you!

0
T
Takis
Accepted Answer
3 months ago #198919

Thanks you, find the info in the hidden area!

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 months ago #198920

Thank you for your patience.

Please check now. I have added the following custom CSS in the Style > Custom CSS section of your addon for the first two pages prnt.sc/V_ZenrAgJSCi:

#addonWrapper {
  position: relative;
  top: 42px;
  height: 180px;
}

Kindly apply the same CSS to the remaining pages where needed.

Best regards

0
T
Takis
Accepted Answer
3 months ago #198941

Thanks Atick, it is working now even if it's not vertically centered!!!

0
T
Takis
Accepted Answer
3 months ago #198965

Hi, after running the site in mobiles I confirm that the above solution is not responcive, so I need your advice to make it running in mobiles as well!

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 months ago #199002

Hello Takis,

Sorry for the inconvenience. It appears your administrator access has been removed. To provide a prompt solution, could you please grant me access again?

Looking forward to your response.

Best regards

0
T
Takis
Accepted Answer
3 months ago #199036

Your access is granted!

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 months ago #199129

Hello Takis,

I've made some adjustments to your Groepstraining page. I've added some custom CSS and also adjusted the addon settings. However, it's not ideal to use it this way, and we recommend using the burger menu for mobile responsiveness.

Best regards

0
T
Takis
Accepted Answer
3 months ago #199176

Is it posible to describe the changes in order to move them to the other pages?

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 months ago #199320

Hello Takis,

I have modified some of your previous CSS and added new CSS, adjust the padding, font size, and line height for mobile displays.

If you prefer not to manually make these changes on other pages, you can save the addon and reuse it. Please refer to this documentation for instructions: www.joomshaper.com/documentation/sp-page-builder/export-import-and-save-for-later-use#save-addon-s

Hope this helps!

Best regards

0
T
Takis
Accepted Answer
3 months ago #199330

Thank you Atick, I already did that!

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 months ago #199331

Hello Takis,

If your issue has been resolved, please mark the thread as solved.

Best regards

0
T
Takis
Accepted Answer
3 months ago #199346

Hi Atick,

How can I do this? I couldn't see the answer in the chat!

0