Open Forum

 View Only
  • 1.  Website Navigation Bar

    Posted 12-13-2023 11:42

    Hi All,

    Rather than dig through all the knowledge base resources, I'm asking the experts!

    When building an event website, is it at all possible to put the navigation bar "on top" the banner images on each page so that it has a transparent look? Or is this not possible because the header/navigation bar and banner images are placed in "sections"? I'm pretty sure this is not able to be done but wanted to double check before I gave my boss the final answer. Thanks!

    Lindsey


    #Creating/ManagingEvents

    ------------------------------
    Lindsey Isaacson
    Developer of Client Experiences
    Israeli American CouncilUnited States
    ------------------------------


  • 2.  RE: Website Navigation Bar

    Posted 12-13-2023 12:33

    Hi Lindsey,

    Yes! I just tested it and you can. Simply drag the navigation area into the same section with the image set as the section background. You'll probably need to change the background color to transparent along with the Page Links background.



    ------------------------------
    Jill Campbell
    Event Technology Specialist
    Chubb INA Holdings IncUnited States
    ------------------------------



  • 3.  RE: Website Navigation Bar

    Posted 12-13-2023 12:58

    Hi Jill,

    Thank you for your help! Would you mind sharing a screenshot? When I try to drag the navigation bar on the Welcome section it says "that widget can't fit there" or it just shifts everything down.

    Also, could copying a previous event set limitations? Maybe I should create from scratch?



    ------------------------------
    Lindsey Isaacson
    Developer of Client Experiences
    Israeli American CouncilUnited States
    ------------------------------



  • 4.  RE: Website Navigation Bar
    Best Answer

    Posted 12-13-2023 13:09

    Hi,

    It looks like the section (orange outline) has to just be one column. If it's more than that, it won't work. Also, your image has to be set as the background image for the section, not just an image IN the section (use transparent spacers to show the background image).



    ------------------------------
    Jill Campbell
    Event Technology Specialist
    Chubb INA Holdings IncUnited States
    ------------------------------



  • 5.  RE: Website Navigation Bar

    Posted 12-13-2023 13:14

    Amazing! I am going to play around with it until I can (hopefully) accomplish what you have. Thank you! I will post an update.



    ------------------------------
    Lindsey Isaacson
    Developer of Client Experiences
    Israeli American CouncilUnited States
    ------------------------------



  • 6.  RE: Website Navigation Bar

    Posted 12-20-2023 14:27
    Edited by Lindsey Isaacson 12-20-2023 14:27

    Hi Jill!

    I was able to achieve the look we were going for, thanks to you! However, the only issue I have is that the desktop view gets cut off at the bottom. The tablet and mobile views show the full image and look correct (see screenshots).



    ------------------------------
    Lindsey Isaacson
    Developer of Client Experiences
    Israeli American CouncilUnited States
    ------------------------------



  • 7.  RE: Website Navigation Bar

    Posted 12-20-2023 14:51

    Hi Lindsey,

    It looks really nice! I'd probably just add some additional transparent spacers (and maximize the height of each) to your header until enough of the bottom shows on the desktop version.



    ------------------------------
    Jill Campbell
    Event Technology Specialist
    Chubb INA Holdings IncUnited States
    ------------------------------



  • 8.  RE: Website Navigation Bar

    Posted 12-21-2023 13:13

    So now the issue I'm running into, is that the images are not responsive and you lose a lot of the images when you look look at the device preview on a tablet or mobile device. I'm certain this has to do with placing the banner image as the background image on the section, versus placing the banner image AS AN image. 

    Anyway to fix this and make the banner images responsive? 



    ------------------------------
    Lindsey Isaacson
    Developer of Client Experiences
    Israeli American CouncilUnited States
    ------------------------------



  • 9.  RE: Website Navigation Bar

    Posted 12-21-2023 13:27

    If you don't have the image as a background, you can't put other elements on top of it.

    I'd reach out to Cvent Support regarding the responsiveness and cutting stuff off. I don't think there's a way around that but I could be wrong.

     

    Kind Regards,

    Jill

     

    Jill Campbell
    Event Technology Specialist
    Blue Bottle Solutions, LLC
    E
    jill.campbell@chubb.com

     

     


    This email (including any attachments) is intended for the designated recipient(s) only, and may be confidential, non-public, proprietary, and/or protected by the attorney-client or other privilege. Unauthorized reading, distribution, copying or other use of this communication is prohibited and may be unlawful. Receipt by anyone other than the intended recipient(s) should not be deemed a waiver of any privilege or protection. If you are not the intended recipient or if you believe that you have received this email in error, please notify the sender immediately and delete all copies from your computer system without reading, saving, printing, forwarding or using it in any manner. Although it has been checked for viruses and other malicious software ("malware"), we do not warrant, represent or guarantee in any way that this communication is free of malware or potentially damaging defects. All liability for any actual or alleged loss, damage, or injury arising out of or resulting in any way from the receipt, opening or use of this email is expressly disclaimed.