La fonction de suggestion automatique permet d'affiner rapidement votre recherche en suggérant des correspondances possibles au fur et à mesure de la frappe.
We cannot see how your site theme or template is build up since we don't have access to your portal.
Also it's good to ask a developer for you to assist. If you would like support on it you could check HubSpot Solutions Directory if there is any Service provider on Website development.
I would love to load new CSS, but I am not a developer.
Because I do not have a developer I have to deal with what I have, which is just updating the old CSS.
When placing the new CSS stylesheet in HubSpot, it was not broken left and right and was not compliant with HubSpot.
So again, I ask, where in the current code, above, do I update the style of the drop-down from what we have now with the arrows pointing right, to our new current CSS?
I went through the steps and it breaks the menu even more:
then we when the scroll shows up and it falls off the page and won't let you access the rest of the page.
Here is the code for the mobile menu: I need to change the characters that encourage the child menu to open. I need it to have it match the newly designed website:
/* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */
/** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */
{% set menuColorMobile = "#1a667a" %} /* Set Mobile Menu Background Color */ {% set aColorMobile = "#ffffff" %} /* white */ {% set aColorHoverMobile = "#ffffff" %} /* white */
/* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */
.custom-menu-primary .hs-menu-wrapper > ul li a { background-color: #1a667a; border-bottom: none !important; font-weight: normal !important; transition: 0s !important; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover { color: #ffffff !important; background: transparent !important; box-shadow: none !important; transition: 0s !important; } .custom-menu-primary .hs-menu-wrapper > ul li:hover { background-color: transparent !important; border-bottom: none !important; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a { color: #ffffff; text-decoration: underline; background-color: transparent !important; box-shadow: none !important; transition: 0s !important; }
.custom-menu-primary ul ul li:first-child:hover a { color: #ffffff !important; } .custom-menu-primary ul ul ul li:first-child:hover a { color: #ffffff !important; }
.custom-menu-primary ul ul li .child-trigger i, .custom-menu-primary ul ul li .child-trigger i:before, .custom-menu-primary ul ul li .child-trigger i:after{ height:0; } .custom-menu-primary ul ul>li.hs-item-has-children:after { display: none; } .custom-menu-primary ul ul>li .child-trigger:after { display: block; content: " "; color: #ffffff; float: right; width: 0; height: 0; border-color: none; border-style: none; border-width: none; border-left-color: none; margin-top: 8px; margin-right: 24px; }
/* Menu Styles on Mobile Devices ========================================================================== */
.custom-menu-primary.js-enabled{ position: left; padding-top: 65px; /* Makes room for button */ margin: 0 0 0 0; height: 64px; }
/* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ color: #ffffff; display: none; }
/* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: fixed; /**************************************************************/ top: 130px; /* Positions the menu to drop from the very top of the screen */ left: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#1a667a; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ }
/* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul { /* padding:0px !important; */ } .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ color: #ffffff; font-size: 22px; /* Font size of top level list items */ line-height: 45px; overflow: visible; }
/* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li{ color: #ffffff; } .custom-menu-primary .hs-menu-wrapper > ul li a{ color: #ffffff; background-color: transparent; border-bottom: 1px solid #222; font-size: 15px; font-weight: bold; padding: 9px 15px; line-height: normal; } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color: {{aColorHoverMobile}}; /* link hover color set by global mobile-aColorHover variable */ }
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul { color: #ffffff; border: none; border-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .custom-menu-primary .hs-menu-wrapper > ul ul li{ background color: transparent; background: transparent; /*text background when hover and background - will cover text*/ } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ font-size: 14px; /* Font size of child lists */ background-color: #1a667a; /*background of whole menu*/ color: #ffffff; border-bottom: none; margin-left: 10px; } .custom-menu-primary .hs-menu-wrapper > ul ul > li:hover > a { color: #ffffff; text-decoration: underline; } .custom-menu-primary .hs-menu-wrapper > ul ul li:last-child a { color: #ffffff; border-bottom:none; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ color: #ffffff; background-color: transparent; border-bottom: 1px solid #222; } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ color: #ffffff; background-color: #1a667a; }
.custom-menu-primary .hs-menu-wrapper>ul >li:nth-child(2) ul { width: 100% !important; color: #ffffff; } .custom-menu-primary .hs-menu-wrapper>ul >li ul ul { width: 100% !important; left: 0 !important; top: 0 !important; padding-bottom:0 !important; color: #ffffff; } .custom-menu-primary .hs-menu-wrapper>ul >li:nth-child(4) ul { width: 100% !important; } .custom-menu-primary .hs-menu-wrapper>ul ul ul li:last-child a { background-color: #1a667a; border-bottom: 1px solid #222; padding-bottom:8px; } .custom-menu-primary .hs-menu-wrapper>ul ul ul { margin-bottom:0px; } .custom-menu-primary .hs-menu-wrapper>ul>li:nth-child(4) ul ul { width: 100% !important; min-width: auto; }