Adding CSS Rule for media -> Mobile View
this CSS Code is intended to target mobile view, but there was no selector for @media. fixing my own dumb errors..... sorry for committing again, shame on me.
This commit is contained in:
parent
a25aa69988
commit
e9297302a6
1 changed files with 21 additions and 18 deletions
|
|
@ -52,24 +52,27 @@ Mobile screen resolution:
|
||||||
|
|
||||||
The Top Menu within the mobile view might look a little bit cluttered, depending on the theme. The following CSS rules allow to hide unneccessary top menu buttons or input boxes.
|
The Top Menu within the mobile view might look a little bit cluttered, depending on the theme. The following CSS rules allow to hide unneccessary top menu buttons or input boxes.
|
||||||
```css
|
```css
|
||||||
/* Hides "Actions" Menu in Mobile View */
|
@media (max-width: 840px)
|
||||||
#nav_menu_actions {
|
{
|
||||||
display: none;
|
/* Hides "Actions" Menu in Mobile View */
|
||||||
}
|
#nav_menu_actions {
|
||||||
|
display: none;
|
||||||
/* Hides "Views" Menu in Mobile View */
|
}
|
||||||
#nav_menu_views {
|
|
||||||
display: none;
|
/* Hides "Views" Menu in Mobile View */
|
||||||
}
|
#nav_menu_views {
|
||||||
|
display: none;
|
||||||
/* Hides "Search" Input Box in Mobile View */
|
}
|
||||||
.nav_menu .item.search {
|
|
||||||
display: none;
|
/* Hides "Search" Input Box in Mobile View */
|
||||||
}
|
.nav_menu .item.search {
|
||||||
|
display: none;
|
||||||
/* Hides the Dropdown Menu Button next to the "Mark all read" Button in Mobile View */
|
}
|
||||||
#mark-read-menu .dropdown {
|
|
||||||
display: none;
|
/* Hides the Dropdown Menu Button next to the "Mark all read" Button in Mobile View */
|
||||||
|
#mark-read-menu .dropdown {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue