If you want to hide elements based on breakpoints ( screen widths ) – you can use the display classes of BootStrap 4 – this might be different if you use an older version of BS.
https://getbootstrap.com/docs/4.0/utilities/display/
A simple example of a class name to hide an element on desktop would be:
<div class="d-sm-none">HIDDEN ON DESKTOP</div>
This is based on the rule:
.d-{breakpoint}-{value} for sm, md, lg, and xl.
Where value is one of:
- none
- inline
- inline-block
- block
- table
- table-cell
- table-row
- flex
- inline-flex
Related Posts:
- adding some custom html code to the wp_nav_menu function
- Multi Level Bootstrap Navigation Menu in WordPress
- How do I add the data-toggle=”modal” data-target=”#myModal” attribures to a WP Nav bar?
- Bootstrap drop down menu with wp_nav_menu
- wordpress nav menu using twitter bootstrap
- HTML Bootstrap navigation menu to WordPress menu using wp_nav_menu
- Output the aria-labelledby parameter for a nav menu child
- Add Bootstrap dropdown class to a nav menu
- Nav walker, bootstrap: Display 3rd level items under 2nd level
- Make compatible custom menu widget for Twitter Bootstrap
- Loop through Navbar, Output Icons
- How can I remove data-target=”#” from bootstrap dropdown menu?
- Make menu bootstrap compatible
- Main Menu and Sub Menu Items for Footer
- How to add class to and childs of sidebar widget – WordPress
- How to have two menus using Bootstrap nav walker?
- Side Menu Icon Expandable
- WordPress Walker – Group two items?
- Sticky Header in WordPress using BootstrapWP theme [closed]
- WordPress + Bootstrap [closed]
- wp_nav_menu not displaying the right way
- Bootstrap button menu on wordpress
- wp_get_archives doesn’t take effect from css or html
- Make two bootstrap menus collapse into one dropdown
- WP nav menu + Bootstrap, add role=”menu” to UL
- Responsive menu on genesis theme [closed]
- Bootstrap menu – make menu entries with submenu not clickable
- WordPress + Bootstrap: Replace primary navigation menu on mobile?
- Stuck while adding bootstrap navwalker class
- How to use Bootstrap Navbar in wordpress Nav Menu
- Navbar is hidden behind carousel when using wp-boostrap-navwalker
- How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
- Bootstrap Nav Walker Sub Menu Image
- Change menu for mobile
- How to change navwalker’s dropdown mark-up?
- Bootstrap navbar responsiveness on WordPress theme menu not working
- My WordPress menu based on Twitter bootstrap creates menu-item and not page-item
- Broken drop down menu using Bootstrap and navwalker class
- nav tag wrapping around dropdown
- Convert a custom bootsrap based menu to wordpress nav walker
- WordPress nav Walker – Bootstrap 5.2.3 – submenu not opening
- Nav walker bootstrap: Display 3rd level and 4th level in dropdown menu
- Any docs for wp_nav_menu’s “items_wrap” argument?
- Get WP Navigation Menu from REST API V2
- How to modify navigation menu of the “My Account” page in WooCommerce
- Adding line breaks to nav menu items
- Link to Author archive from Navigation Menus in dashboard?
- How do I create predefined menus for my theme?
- How do I pass an argument to my custom walker?
- wp_nav_menu() not working on Custom Search Page
- Minor css-change based on topmenu – how?
- Filter menu item to add classes/attributes?
- Edit html for menu items in default frontend menu
- Inserting PHP before a menu element, while using the inbuilt menu function wp_nav_menu()
- Merge two separate WP menus into one in Mobile view
- Programmatically adding menu items function replicates in multiple menus
- How do i style the current menu anchor link’s parent anchor link? [closed]
- Does the menu item ID ever change?
- Current menu item
- How to quickly create a dummy menu?
- wp_list_pages: only show subpages on the parent page?
- How do I remove the link element from the current page in a wp_list_pages menu?
- How to construct a custom html for submenus
- JSON file export of nav menu
- WordPress get or set active menu class
- Generating wordpress menu – cant understand the config
- SlideDeck 2, make back-end visible for admins only
- Making a navigation header menu with bulma, need some advice
- From a page, is it possible to find entry’s “menu_item_parent”?
- WordPress menu link not working
- How to retrieve parent menu item name of current submenu item
- WordPress menu performance is slow when lot of items [closed]
- Can’t add a setting to the “nav_menus” customizer panel
- Use another menu when logged in
- How to remove UL class in wp_nav_menu?
- Displaying menu based on login status
- Adding an external link to wordpress menu
- Twenty Fifteen: Change navigation menu behavior
- Can you exclude child pages of a specific parent within a navigation?
- how to change menu titles
- My menu doesn’t fit in the default screen in the mobile version
- Add attributes to wrapper html generated by wp_nav_menu
- How To Add color-picker in theme options
- Add class to sub-menu from unrelated element
- How can I creat custom menu with bootstrap
- How do i make a custom top level dashboard menu item available for all users?
- Getting parent object_id of child menu items in WordPress menu
- How to remove a sub-menu using walker hooks/filters without relying on a custom walker?
- Specific Page that convert Hyperlink to anchor in nav menu
- How can I make this custom design menu work in wordpress?
- Active menu item / category
- Add different span class to wp nav menu
- Help with changing style of the extended menu drop down [closed]
- How we show pages in dropdown
- Menu support for touch devices
- WordPress Flyout Menus
- How to set menu Display location
- How to add custom menu to block theme?
- get menu name for the current displayed page
- WordPress walker add class to Sub Menu a href