menu fix in Joomla 4?

adrian.p
18 Posts
adrian.p posted this 13 April 2023

Hello dear Themler community

Is there a function or an extension in Themler that allows you to fix the menu that I have in the top right corner so that it doesn't scroll and is always visible even if I scroll the page all the way down?

I can't find the extension in the container or in the "Fix on Scroll" menu (images).

Thanks for the answer
Greeting
adrian.p

Hello dear Themler community Is there a function or an extension in Themler that allows you to fix the menu that I have in the top right corner so that it doesn't scroll and is always visible even if I scroll the page all the way down? I can't find the extension in the container or in the "Fix on Scroll" menu (images). Thanks for the answer Greeting adrian.p
Vote to pay developers attention to this features or issue.
2 Comments
Order By: Standard | Newest
samira.akhlaqi314
2 Posts
samira.akhlaqi314 posted this 2 weeks ago

Hello,

Regarding your question, Themler doesn't have a built-in feature or extension specifically named "Fix on Scroll" or a menu container that can be fixed in the top right corner. However, you can achieve the desired effect by using custom CSS and JavaScript.

Here's an example of how you can achieve a fixed menu using CSS:

Open your Themler theme in the Themler application.
Locate the HTML or CSS editor for the specific template or layout where you want the fixed menu to appear.
Add the following CSS code to make the menu fixed:

your-menu-selector {

position: fixed;
top: 0;
right: 0;
}
Replace #your-menu-selector with the actual CSS selector of your menu element. This code will position the menu element fixed at the top right corner of the viewport.

Save your changes and preview the theme to see the fixed menu in action.
If you also want the menu to stay visible even if you scroll the page all the way down, you can add some additional CSS to ensure it remains on top of other elements:

your-menu-selector {

position: fixed;
top: 0;
right: 0;
z-index: 9999;
}
The z-index property ensures that the menu appears on top of other content.

Remember to replace #your-menu-selector with the actual CSS selector of your menu element.

If you're looking for more advanced functionality or if Themler has introduced new features since my knowledge cutoff, I recommend referring to the official Themler documentation, support resources, or the Themler community for the most up-to-date information and assistance.

Hello, Regarding your question, Themler doesn't have a built-in feature or extension specifically named "Fix on Scroll" or a menu container that can be fixed in the top right corner. However, you can achieve the desired effect by using custom CSS and JavaScript. Here's an example of how you can achieve a fixed menu using CSS: Open your Themler theme in the Themler application. Locate the HTML or CSS editor for the specific template or layout where you want the fixed menu to appear. Add the following CSS code to make the menu fixed: #your-menu-selector { position: fixed; top: 0; right: 0; } Replace #your-menu-selector with the actual CSS selector of your menu element. This code will position the menu element fixed at the top right corner of the viewport. Save your changes and preview the theme to see the fixed menu in action. If you also want the menu to stay visible even if you scroll the page all the way down, you can add some additional CSS to ensure it remains on top of other elements: #your-menu-selector { position: fixed; top: 0; right: 0; z-index: 9999; } The z-index property ensures that the menu appears on top of other content. Remember to replace #your-menu-selector with the actual CSS selector of your menu element. If you're looking for more advanced functionality or if Themler has introduced new features since my knowledge cutoff, I recommend referring to the official Themler documentation, support resources, or the Themler community for the most up-to-date information and assistance.
langnerfrancesco
3 Posts
langnerfrancesco posted this 2 weeks ago

We nee urgent this info can you provede me

MyMorri

We nee urgent this info can you provede me [MyMorri][1] [1]: https://www.mymorri.net/

Last edited 6 days ago by langnerfrancesco

You must log in or register to leave comments