Hi Ivo,
Can you help me, please. I am developing a mini website for a company, I used the template "Glory"; but my client wants the template to be "one page" or "single page" (like this one: http://demo.joomshaper.com/2014/onepage/).
I would like to know if it is possible to give the functionalities of a "one page" page to the template I am using. I mean to be more precise: mark items menu as you go through the sections (as marked on the onepage particle).
Best regards,
Andres
Can you help me, please. I am developing a mini website for a company, I used the template "Glory"; but my client wants the template to be "one page" or "single page" (like this one: http://demo.joomshaper.com/2014/onepage/).
I would like to know if it is possible to give the functionalities of a "one page" page to the template I am using. I mean to be more precise: mark items menu as you go through the sections (as marked on the onepage particle).
Best regards,
Andres
Accepted Answer
No problem Andres.
Well, everything is shown in the video that I posted in the comment in the other discussion.
Just watch the video that I posted in the other discussion and watch carefully what I explain from 1:45 about the
Then just write your code in the custom.scss file.
Here are the steps that you need to do:
1. Add the following code to your custom.scss file and modify it as you wish:
2. "Recompile CSS" in the Base outline.
Notice that the above code begins with
It means that the code will work ONLY if your Menu is placed in the Header section.
If your Menu is placed in the Navigation section for example, then just modify the code so it starts with
Well, everything is shown in the video that I posted in the comment in the other discussion.
I want is that when you click on a menu, you scroll to corresponding section on the home page, but also mark the menu indicating that you are in that section, and so for the rest of menus. In such a way that while you navigates for "home page" the menu will be marked with the corresponding section as long as the focus is in it
Just watch the video that I posted in the other discussion and watch carefully what I explain from 1:45 about the
uk-active class.Then just write your code in the custom.scss file.
Here are the steps that you need to do:
1. Add the following code to your custom.scss file and modify it as you wish:
#g-header {
.g-main-nav {
.g-toplevel {
> li {
> .g-menu-item-container {
&.uk-active {
background: #000000;
color: #ffffff;
}
}
}
}
}
}2. "Recompile CSS" in the Base outline.
Notice that the above code begins with
#g-header.It means that the code will work ONLY if your Menu is placed in the Header section.
If your Menu is placed in the Navigation section for example, then just modify the code so it starts with
#g-navigation. Responses (4)
-
Accepted Answer
Hi Andres,
Please have a look at this discussion and especially my comment there and watch the video in it
-
Accepted Answer
Excellent Ivo, thank you very much!
I've reviewed your comment, but the smooth scrolling functionality is not just what I'm looking for. My question is focused more on the behavior of the main menu. I mean, I want is that when you click on a menu, you scroll to corresponding section on the home page, but also mark the menu indicating that you are in that section, and so for the rest of menus. In such a way that while you navigates for "home page" the menu will be marked with the corresponding section as long as the focus is in it (just as your "one-page menu" works).
I understand that this topic is a bit external to your products, but I would appreciate your valuable support with this topic and in the process we help more colleagues who are in the same circumstance. Really your technical support is what makes the difference with the rest of the templates providers
Best regards,
Andres -
Accepted Answer
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.
InspireTheme is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.
InspireTheme is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.