![]() ![]() When you are happy with the result for the Desktop resolution, select the following interval on the Responsive Bar.Define the structure by following the above reported steps without changing interval. When you access the Sticky Bar window for the first time, the Responsive Bar will automatically show the Desktop viewport.You can manage the visualization of the Sticky Bar for each breakpoint by following these steps: If you want to create a responsive website (you have activated the Responsive Site option on Step 2- Template Settings > Resolutions and Responsive Design) in the Sticky Bar window you can use the Responsive Bar reporting all the breakpoints by creating some intervals. #tip - In the Sticky Bar, you should only report the most important elements of the Header, such as the company logo, the website title and the navigation menu. By double-clicking on the inserted Object you can open the settings window. As always, use the selection handles or the commands in the Toolbar to move, resize and align the Objects.Select the necessary Objects from the list and drag them onto the workspace to set up your Sticky Bar.In this area, you will see all the changes applied in real time. This editor reports a Toolbar and a work space underneath which automatically takes on the background image with a 1:1 ratio. Open the Contents section of the Sticky Bar window.Īs you can see, in this section you can use a graphic edition which is identical to the one available for the Template in the Template Content section.Once you've defined the style for the Sticky Bar, you need to move on to its contents. If you want to make the Sticky Bar to be as wide as the whole Browser window, activate the Extend to the width of the browser window option.Use the available options to define the background color or image, so to customize the bar according to your needs.Stay in the General section and activate the Display an upper bar option.Go to Step 2 - Template Settings and click on Sticky Bar.To add a Sticky Bar onto your website, you need to follow these steps: This bar is called a Sticky Bar and it can be customized both as far as its graphic style and its contents are concerned.Īctivating the Sticky Bar and setting up its style In order for your visitors not to lose themselves when browsing your website, you can report these elements on a bar which stays visible in the top section of the Browser window even by scrolling down the page. The Header typically includes important elements, such as a logo, a title and the main navigation menu of course. The Header of a website will be hidden at certain point when scrolling down the page. Modified on: Tue, 28 Feb, 2023 at 9:28 AM How to make a menu bar always visible when scrolling down the page ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |