👉 I would like to adjust the position of the logo as in website’s logo below
https://globalhealth.duke.edu/
👉 Replace the “-” in the mobile submenu with a “.”
Hey minhndq,
Thank you for the inquiry.
Would you mind providing a screenshot of the changes you’d like to make? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot.
Best regards,
Ismael
Hi,
Thank you for the screenshots.
You need to set the Enfold > Header > Header Layout > Menu and Logo Position setting to Logo Left, Menu Right, then add the following css code to adjust the logo image size and allow it to overflow the header container.
.logo, .logo a {
overflow: visible;
height: 100px;
}
.logo img, .logo svg {
max-height: 150px !important;
height: 150px;
}
Best regards,
Ismael
thanks, I done but it look bad
ah, i want change below
👉 Replace the “-” in the mobile submenu with a “.”
Best Regard
Hi,
You have to remove the width property from this css code to keep the logo from being distorted:
.logo, .logo a {
overflow: visible;
height: 100px;
background-color: #075195;
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
width: 12.5rem;
}
And to replace the dashes with bullets, add this css code:
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet {
height: 3px;
opacity: 1;
border: none!important;
width: 3px;
border-radius: 100%;
}
Best regards,
Ismael