Close

Profile: TechnoteNitesh

Avatar

User posts

8 years ago

If you want the logo just beside the text then it could be achieved by the following code:

<a href="@Url.RouteUrl("HomePage")">
    <img class="menu-img" alt="#" src="Your logo">
</a>


.header-menu .menu-img {
  display: none;
}

@media all and (min-width: 1001px) {

.header-menu.stick {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 11.5px 0;
  text-align: center;
  box-shadow: 0 8px 8px rgba(0,0,0,.085);
}
.header-menu>ul {
  display: block;
  width: auto;
}
.header-menu.stick .menu-img {
  display: block;
 margin-bottom: -35px; 
  margin-left: 301px;


}

}

Re-size the logo to 100px x 39px resolution.
You can adjust the margin-bottom and margin-left according to your need.

P.S. The bold text is what you've to add to the above mentioned code.

Regards.

Pramil Gawande
+91 7755902019
Technote Software Solution Pvt. Ltd.