KhanhLy174

Hi. Only different navigations. With maybe a button to switch between the two sites.

Hi, Thanks for the explanation. However, the idea is to make this Composites branch of the website more separated from the content of the main website, which would have its own navigation and webpages. Does this mean I have to go for the option of creating a new website on Squarespace then points composites.taniq.com to it? Because I believe I have also checked the option of manually building a new header using a page section, but that doesn't make it a proper navigation with drop-down menus.

Hello. I also want to do something similar to my company website www.taniq.com. The only thing is that I prefer to have one Home page for both sites, then the Home page will prompt users to choose between the two sites. Then, like the request above, these two sites will have different navigations.

Thank you. I read a bit about subdomains. Can I connect composites.taniq.com to taniq.com instead of creating taniq.com/composites? Or maybe I misunderstand something here. Also, I tried looking into where to create a subdomain. There is an instruction from Squarespace (https://support.squarespace.com/hc/en-us/articles/205812058-Creating-a-subdomain-for-your-Squarespace-site?platform=v6&websiteId=64870efce3960b1a159484b3#toc-edit-a-subdomain) but it seems the platform gets updated very frequently, now I can't find the options to create one like in the instruction.

Hi. Any update to this? Thanks!

Our current company website is www.taniq.com. Can we create a completely different website with www.taniq.com/composites/ as a home page, with no shared content or navigation with www.taniq.com?

Hi, I just tested this solution on a test website. It works, however, my concern is that we will have to change our URLs so that they contain a certain element for the code to recognize in order to separate the navigations, for example /en/ and /es/ in the instruction. The majority of our current web pages can be categorized in the Rubber branch of the website. For all these pages, we don't have a fixed element in the URL such as /rubber/ next to the domain for the code to recognize. For the Composites branch which we plan to create, will have /composites/ next to the domain, and all future pages added to this branch will have /composites/ in the URL. Some existing pages in the current website that will go to Composites branch in the future, also don't have a fixed element in their URLs. We do consider compromising SEO and add /composites/ to the URLs of these pages because they are only a few pages. So my concern is, if we have to do so for the entire Rubber branch, this would hugely impact our SEO since nearly all of our URLs would have to change. Is there a way to do this without having to rely on a change of URLs?

I want to know how to create two separate navigations for two separate sections of our website. The idea is that, our company is branching out into two separate types of services - Composites technology and Rubber technology. And we want to demonstrate that by dividing our website visitors into two separate branches of the website from the Home page, meaning the Home page will prompt the audience to choose whether Composites or Rubber. And each branch will have its separate navigation. How do I make this possible? Our website: https://www.taniq.com/

It works. Thank you 🙏

Actually, I just realized that the page loader applies to all pages on the website. Can I only apply this to the Home page?

This code works. Thank you so much.

Hi. Sorry I removed the code after seeing that it didn't work. I just now added it back to the Footer of Code Injection

Hi. Here is our website: https://www.taniq.com/

Hi, I put the code in as instructed but the effect did not work.

Hi, I do want to have my company's logo on a white background. Attached is the logo.

Hi, sorry I did not fully understand your instruction. What kind of file should I use? Can it just be the logo of our company? And it looks like I need to upload it somewhere in order to get a link for the code?

@tuanphan Hi, that one looks nice too and I've seen websites do it, but it seems to only be like a pre loader for the home page and not the rest of the website, so I kinda still prefer a fade out/fade in effect like in the tutorial. But this one also looks good and if it's not too complicated to set up I want to give it a try as well. Thank you

Hi. I want to create a page loading/page transition effect to make it smooth. The kind of effect I want is fade out/fade in. I watched the following tutorial since they show how to create the exact effect that I want. But it looks super complicated. I wonder if there is a more simple way to do it? Thanks. The tutorial I watched: My website: https://www.taniq.com/

This works! Thank you so much!! 😄

Hi, I replaced it and, it still didn't do what I wanted it to do, which is to make the text orange whenever on hover. There was also some extra space on two sides of the drop down menu for some reason, which didn't look very nice to me. However, what I really liked about it is that the clicked item now has orange color. I will explain further below: As you can see there is some extra space on two sides, plus the other items in the same category ("software" category) are still white when being hovered. In this case you can see "Rubber Design & Manufacturing Software is being hovered over and is white. When you hover over other items of other categories, for example Applications, they are orange as preferred, unless you click on one of them and they are white again. So there is an inconsistency going on between items of a category that has been clicked on, and other items in other categories. But I really like that the chosen item, in this case "TaniqWind Design" now has an orange color. What I really wanted, was that other items when hovering also has orange color. So I tested by keeping my old code, and adding parts of your new code: .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0; .header-nav-folder-item { padding: .4em 1em; } .header-nav-folder-item { background: #082732; a { color: #ffffff; } } .header-nav-folder-item:hover { background: #0a3745; a { color: #ff8c1a; } } } .header-nav-folder-item--active { background: #0a3745 !important; } .header-nav-folder-item--active a { color: #ff8c1a !important; } This code keeps the old look (without extra space on two sides of the drop down menu), and adds the orange color on clicked item. The only thing I need now is the hovered items in the same category to be orange as well. I think we are almost there :D. Thank you for the help.

Hi, do you have any other suggestions since the previous code didn't work? Thank you.

Thanks but it didn't work.

I checked again and if I'm not mistaken the code was a part of the following code (which I forgot to copy the entire thing), that's why there is an extra bracket: .header-nav .header-nav-item--folder .header-nav-folder-content { padding: 0; .header-nav-folder-item { padding: .4em 1em; } .header-nav-folder-item { background: #082732; a { color: #ffffff; } } .header-nav-folder-item:hover { background: #0a3745; a { color: #ff8c1a; } } } I tried adding your code to the Custom CSS but it didn't work. Am I supposed to just add it in, or replace some code I added with your code? (sorry for my limited knowledge in coding)

I used the following code to assign specific colors for the background and the text of the sub-navigation item I hover over: .header-nav-folder-item:hover { background: #0a3745; a { color: #ff8c1a; } } } The result of the code is below: As you can see when you hover over the text it is orange. But after I click on the item, it is no longer orange when I hover over it: The same thing happens to all items under "Technology", but when I hover over items of other categories (not yet clicking it), the text is still orange: But the same thing happens again if I click on it. If I click on any subnav item, all other subnav items of the same category won't have orange text anymore when hovering. You can check the website to see for yourself: dolphin-robin-ywxj.squarespace.com. Password is Taniq2023 I'm not a coder, I self taught and googled all my codes to build this website. Any idea how I can fix it? I want all subnav texts whenever being hovered over to have the orange color #ff8c1a