1. Spectrum
  2. Saturday, 09 May 2020
Hi Everyboy,

I'm French (français) and I'm new with SP Page Builder (Pro version).
I'm also new with Joomla because I used it between 2006 and 2010, and not yet since 10 years !!

I chose the Templates Stectrum.

In this Templates, "header" is fixed at the top all the time. It's good for me.

But, I would like fixed also "Top Bar".

I would like fixed in the same time "header" and "top bar".

I tried modify "main.js", but after it's "header" is no longer at the top, and "top bar" always not !!!

Can you help me ?

Thanks

Best Regards
Responses (6)
I tried modify "main.js", but after it's "header" is no longer at the top, and "top bar" always not !!!

Never edit the core template files.

I would like fixed in the same time "header" and "top bar".

There are no settings for this in user interface. You can do this using a custom css code, if you have css knowledge. Js is not need for this.
  1. more than a month ago
  2. Spectrum
  3. # 1
Hi,

Thanks for your answer.

But, I don't have CSS Knowledge !
I don't know how to do !!

...
  1. more than a month ago
  2. Spectrum
  3. # 2
If you do not have even CSS knowledge, why are you trying to modify js? Hire a professional.
  1. more than a month ago
  2. Spectrum
  3. # 3
If you do not have even CSS knowledge, why are you trying to modify js? Hire a professional.


Because I'm a stupid man who created one of the first french website in 1994, all in html with Notepad !
And I created 2 others website with the first Joomla in 2005 or 2006 !! But, the responsive didn't exist...
And I thought I was able to modify the code alone without knowledge in Script, Java, PHP, JS and CSS !!!!

I have no money to hire a professionat to create a website with 600 pages...
I try to works with Joomla since 45 days, I try to understand SP Page Builder Lite since 1 month, I bought SP Pro since 14 days ! After all this time and more 100 hours of work, I done only a start of a small page :
http://www.ruault-design.fr/design/index.php/fr/

But, I have to create this website with 600 pages before the end of this month !!!!
  1. more than a month ago
  2. Spectrum
  3. # 4
First - read Helix 3 documentation about how to use custom css code.
Then, use this code.

#sp-top-bar {
position: fixed;
width: 100%;
z-index: 999;
}
#sp-header {
position: fixed;
top: 50px;
}
.nav-placeholder {
display: none;
}
#sp-new-tendance-quisommesnous-actualitemarques-coupcoeur-labels {
padding-top: 150px;
}

But, it's a bad idea for UX. On small screens it will take a lot of space.
  1. more than a month ago
  2. Spectrum
  3. # 5
If I may....
1) Watch YouTube guides, tutorials, also mine. They are for free.
2) SP Page Builder options are based on CSS and CSS3 features, and Boostrap.
So it's worth to study those topics to understand how most features works.
Used Book about CSS cost less than 10 euro -- so no money it's not an excuse. Only lack of time.
In France you still have a strong Joomla community, maybe there are people you can help you understand new Joomla more. Joomla 1.0 from 2005 vs Joomla 3.9 from 2020, it's 15 years of changes!

Here we can help with SPPB.
  1. more than a month ago
  2. Spectrum
  3. # 6


There are no replies made for this post yet.
Be one of the first to reply to this post!


This forum is archived

This forum has been archived. Please use JoomShaper official support system.