2. PHPRunner Tips and Tricks
  3. How to hide a menu bar on the List page using CSS
This topic is locked

How to hide a menu bar on the List page using CSS

 		12/21/2024 3:15:11 PM
PHPRunner Tips and Tricks
Sergey Kornilov admin

Here is the CSS code that does the job:

.r-topheader {
display: none;
}

Adding it to Page Designer -> List Page -> Custom CSS will hide the menu bar for the List page in question. If you add it to Style -> Modify CSS, it will be applied to all List pages in your project.

This is howit looks in the generated application.

img alt

D
 		druck281 12/21/2024

Cool. That is a great thing to keep in my back pocket. Is the left menu as easy?
A
 		asawyer13DevClub member 1/1/2025

Is there a way to remove the left menu? Doesn't have to be CSS but I thought that might be the easiest.
Alan
Davor GeciDevClub member 1/2/2025

Alan I think that you can hide the Left Bar in Designer for a List page where you want to remove the Left Bar and only show the Top Menu:

In the Designer click on the Page Layout > change button
And then select Top Menu

img alt