-
Posts
-
I am trying to create a home page that is similar to the one on your demo page. I would like to have a large logo centered above the Main navigation bar. As the user scrolls down I want the main navigation to stick to the top of the page.
I am hoping that I can put the logo in the center of the menu as illustrated in the attached image. My ultimate goal is to have an the logo change graphics depending on where it is positioned. When it’s below the header I want it to be an arrow pointing downward (or some other graphic). When the menu sticks to the top I want it do a fade transition into the company logo.
Hey M P,
Thanks for placing this in its own thread, it helps a lot! Upon reading through your request a little more thoroughly, this is not something that will be possible. There is only one menu in the navbar area and no way to “split” it into two with a centered logo like this. Additionally, due to the responsive nature of X, this is not a recommended layout as it will create numerous layout problems with the setup of the navigation. Modifying the navbar in this way is something that we strongly advise against in using X due to the dynamic nature of how the navbar is created (it is built based on options in the Customizer and features very specific functionality).
Let us know if you need anything else, thanks!
Now that I have had some time to think about this, couldn’t I simply setup the menu so it always has an odd number of items in it, and then put the home link in the middle? Then instead of using the default font for the home button I could create a custom logo font and use custom CSS to change the font just for the home button? Or perhaps even easier, modify the font that I want to use for the menu and make some obscure character that is not used anywhere else the logo?
It seems like the tricky part might be loading a different version of the menu for mobile so the the home is not in the middle of the list.
I have been doing graphic design work for several years but I have not created my own websites, so I do not know how feasible these ideas are. I do have someone in my office that will help me with the custom coding. I am just trying to determine if it’s reasonable to ask him to do these things within your current framework.
Hey there,
Your idea certainly proposes an interesting solution. The problem would definitely be what happens when you switch to mobile, so you would need two sets of menus to position everything correctly, and then switch them out with CSS/JS at certain break points. If you have someone who is able to assist you with custom coding, this shouldn’t be a problem for them, but it will definitely be a very custom implementation. Great ideas towards rethinking this solution!
