#2901
novelparadise
Participant
  • Topics: 1
  • Replies: 6

Hey Vinod!
Thank you for your reply. I tweaked the above code for tab mode. But then I noticed the search icon was too far apart in mobile view as shown in screenshot. If I don’t tweak the code (pixels), the search icon overlaps the menu icon in tab view.
Isn’t there any way to separate between mobile and tab view?

Below is all the CSS code in plugin CSS section.

ul.dropdown-menu li.astm-search-menu.astm-search-menu.dropdown {
    overflow: visible;
}
.astm-search-menu input.search-field {
    color: #313439 !important;
}
body div.astm-search-menu-wrapper {
    right: 60px;
    top: 20px;
    width: auto;
}
body div.astm-search-menu-wrapper {
    position: fixed;
}

body div.astm-search-menu-wrapper {
    top: 67px;
    right: 110px;
}
@media screen and (max-width: 768px){
body div.astm-search-menu-wrapper {
    top: 25px;
    right: 100px;
}
}

Thanks for your amazing support so far.

Best Regards

Attachments:
You must be logged in to view attached files.