Hi,

You Should Know ....

Indeed, those are the basics ;)

about 2nd task, it was described in Helix documenation in "Customization tips" section.

I will take look and change.

thank you.. the logo gets distorted when made bigger from the template customisation.. which is why i turn to you.. :)

Thanks a lot. 2 last things..

1. can you please help reduce the space between the image and the text of the main menu https://prnt.sc/5AmZEWKzzIUU

2. and move the search icon below?

https://prnt.sc/p7-KGryelW0I

ad 1) Add this custom CSS

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  line-height: 70px; }

thank you.

ad 2) Search icon in menu

.icon-top-wrapper i.search-open-icon {
  color: #293B48; }

    .icon-top-wrapper {
  line-height: 50px;
  margin: 0 0 0 25px;
  width: 36px;
  z-index: 999999;
  position: absolute;
  right: 0;
  padding-left: 10px;
}

But I think the logo "Sus Dev Goals" should be in different position. It doesn't look good in menu row.

another issue with this template is that when you open the site in small screen, the mobile menu shows old logo and the button images are not standard.. please advise where we can change same

thanks for the search icon and the suggestion.. i shall discuss same with the department.

About Themis logo, please find SPPB module published in "offcanvas" position and remove logo image from it.

About icons in Mobile Menu

.offcanvas-inner .menu li.item-179 img { max-width: 52px;}
.offcanvas-inner .menu li.item-115 img { max-width: 72px;}

Those are very basic changes, you should know CSS ...and how to use Code Inspector from Firefox

thank you so much.. i have been looking for the options in the template itself, when it was in modules.

If something is not inside Template Options - must be in Modules. Always, if sometyhing was not hard-coded ;p