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
- Customizing Only a Specific Menu using the “wp_nav_menu_items” Hook?
- How make top level menu item not have link, but have sub-menus that are linked?
- How Does The Walker Class Work?
- How to stop mobile theme inheriting desktop navigation menu?
- Large WP 3.0 menu times out and won’t save
- How to switch between the Primary Menus programmatically?
- if role is logged in then do something
- Terms with more than one occurrence have current-menu-item class in menu
- Nav menu items disappearing (but not immediately)
- How to get Menu Navigation Labels to output HTML
- custom menu not found
- How to add text before WordPress menu item href
- Remove nav_menus from customizer using a theme
- Benefits of using Nav Walker?
- display only the wp_nav_menu, which has the current-menu-item
- Add tabindex to navmenu
- wp_list_pages sort order is different for different languages [closed]
- I’m having a lot of trouble since upgrade to 3.0.1 with get_page_children() function
- How can I add a link to a WPForms “contact us” form to the main menu?
- How to add wechat (weixin) link to navigation menu?
- Create search form in menu as in Twenty Fourteen theme
- Add link at the end of wp_nav_menu
- WordPress 3.5 dropdown menu
- WP Menu Walker – How to know total depth from inside the start_lvl() method
- How do I add recent posts to the menu?
- delete all post with certain meta_keys
- how to add custom wp_nav_menu class css selector to ul and a tags?
- Creating a menu containing categories and authors
- Split into two seperate unordered lists with custom walker
- 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
- How to make top level menu think it has a current item
- 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
- Add CSS Class to WordPress Menu Item Dependent on the Page the User is Visiting
- 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
- add dynamic ID for wp_nav_menu after and before