Service Portal: Title is hidden in mobile view

jol
Tera Contributor

Hi,

In the new service portal the title is hidden in mobile view. Is it possible to display the title in mobile view and how?

Hope someone can help 🙂

Normal view:

find_real_file.png

Mobile view:

find_real_file.png

2 REPLIES 2

Brad Tilton
ServiceNow Employee
ServiceNow Employee

This is probably due to some CSS somewhere in the Service Portal hiding that element when the screen goes below a certain width, which is how bootstrap does all of its responsive magic. It looks like the title is wrapped in a div with id="homepage-search" and class="hidden-xs wrapper-xl". Then there is the following bootstrap CSS:



@media (max-width: 767px)


.hidden-xs {


      display: none !important;


}



You should just be able to make a copy of the Homepage Search widget and then remove the hidden-xs class from the top level div.


Michael Russ
Tera Contributor

I know this is an old post, but for the benefit of others, if you don't want to clone the Homepage Search Widget, you can override the .hidden-xs class in the CSS for your page:

 

#homepage-search.hidden-xs {
    display: initial !important;
}