Solved Templates

Search icon shifts - display issue

Asked by O. Harris 4 years ago Last activity 4 years ago

I am using the Nuron tempate. Logo and search icon displays well, but when the orientation is changed (profile view) for tablet, both logo and search icon does not display well.

See screenshot link - https://prnt.sc/yl_Q2EieA4H7

How can this be fixed?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff

Please use this one for logo

@media (max-width: 992px){
.logo-image-phone {
    height: 36px !important;
}}

4 more replies

Mehtaz Afsana Borsha Staff
4 years ago · edited

Hi,

Thanks for contacting us. Use this custom CSS

@media (max-width: 992px){
.logo-image-phone {
    height: 36px !important;
}
}

@media only screen and (max-width: 1180px) and (min-width: 768px)  {
  .module-search-button i{
    position:relative;
    bottom:15px;
  }
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

O. Harris Asked this

There is still an issue with the logo when using a tablet - Portrait view.

See screenshot link - https://prnt.sc/M3F42HEb049n

The logo does not reduce in size. Please help.

O. Harris Asked this

Thank you.

Log in to reply.