Indigo menu settings - Forum | JoomShaper
Solved Templates

Indigo menu settings

Asked by Piotr 5 years ago Last activity 5 years ago

Hi,
I have few questions about setting steh style of menu in Indigo Template.
In installed template when we are on the top of the page the dark background of menu dissapears https://prnt.sc/17uunjn , and appear again when scrolling down the page https://prnt.sc/17uuolu. Where can I set this in my page?

Secon question is Is when I put two modules with text in position top 2 (which is above the menu on the right) they appear one net to other. And I would like to make a gap between them. Where can I set it? https://prnt.sc/17uu790

Thank you!

Accepted answer

Marked as the solution
Ariba Staff
  1. For the first problem, can you kindly try clearing the joomla and browser cache, if you haven't? I can see from my end that the background appears fine.

  2. In order to make a gap between, you can add the following code in the Custom CSS section:

#sp-top2 .sp-module {
    margin-left: 15px;
}

To find Custom CSS, you can go to Extensions -> Templates -> Styles, then click the Template options button and
there you can go to Custom code section and add this.

Please do let me know if that works.

14 more replies

Ariba Staff

Hello

Thank you for your query & providing the screenshots, let me have a look.

Ariba Staff

Could you provide your site URL please?

Piotr Asked this
  1. I know that the backgroud is there, but I would like to NOT have it when ten page is in the top. :)
  2. It worked thank you !
Ariba Staff

If i remove the background, then on top the menu do not appear due to the white background of body & white menu color, kindly check the screenshot below:

Screen Shot 2021-07-01 at 9.42.39 PM.jpg

Piotr Asked this
5 years ago · edited

This is exactly what I need. But how can I change it permanently?

Ariba Staff

Can you provide your administrative access please? Use the hidden mode to share the log in credentials.

Piotr Asked this

Can we move to chat?

Ariba Staff

Kindly use the following code in Custom CSS section to remove the background color (when thn page is in the top).
You might need to adjust the menu colours as they do not appear good with the background picture.

#sp-section-1 {
    display: none; 
}
Piotr Asked this

Thank you! this is what I needed!! :)

Log in to reply.