Quickly search documentation, product details and articles.
Class Phones (<= 767px) Tablets (768-959px) Desktops (960-1199px) Desktops (>= 1200px) visible-phone Visible Hidden Hidden Hidden visible-tablet Hidden Visible Hidden Hidden visible-desktop Hidden Hidden Visible Visible visible-large Hidden Hidden
Wordpress Documentation /docs/wordpress/start/responsive_support_classes.mdClass Phones (<= 767px) Tablets (768-959px) Desktops (960-1199px) Desktops (>= 1200px) visible-phone Visible Hidden Hidden Hidden visible-tablet Hidden Visible Hidden Hidden visible-desktop Hidden Hidden Visible Visible visible-large Hidden Hidden
Joomla Documentation /docs/joomla/basic/responsive_support_classes.mdShowcase Section Text [15%, 50%, se] RokSprocket (Tabs) [30%, 5%, se] There are two RokSprocket widgets represented in this area of the page. The one pictured above appears for devices other than phones. The other is set to display only on phones (pictured below).
Wordpress Documentation /docs/wordpress/themes/cygnet/demo_showcase.mdArticle 1 Option Setting Tab Label <i class="fa fa-fw fa-calculator"></i> Icon None Link None Description <div class="gantry-row"> <div class="gantry-width-container"> <div class="gantry-width-25 rt-bg-1"> <h2>
Joomla Documentation /docs/joomla/templates/cygnet/demo_module_4.mdLabel Layout width Column width Gutter width Large Display 1200px and up 100px 20px Default 960px to 1999px 80px 20px Portrait Tablets 768px to 959px 64px 20px Phones and Tablets 767px and belo Fluid columns, no fixed widths Phones 480px Fluid
Wordpress Joomla Documentation /docs/technical_tips/general/responsive.mdLayout Vertical Sides Element Height 600px Slide Per View 2 Swiper Item 1 Name Kraken Swiper Item 1 Image Blank Swiper Item 1 Subtitle Blank Swiper Item 1 Title Kraken Swiper Item 1 Link Blank Swiper Item 1 Link Text Blank Swiper Item 1 Description
Wordpress Documentation /docs/wordpress/themes/kraken/demo_header.mdTheming frameworks like Gantry 5 are built from the ground up to be responsive. You can choose your own breakpoints which tell the page which pieces of your page to display for a given screen size.
RocketTheme Articles /blog/design/253-why-you-should-use-responsive-design-infographic<div class="rt-demo-grid-2"> <ul class="bullet-1 nomarginbottom"> <li><em class="bold title">News</em> <ul class="bullet-none"> <li>Politics</li> <li>World News</li> </ul
Joomla Documentation /docs/joomla/templates/syndicate/demo_module_9.mdlargemarginleft"> <div class="smallmarginbottom"> </div> <ul class="dots nomarginbottom"> <li><a href="#"><em class="nobold normal">Storage</em></a></li> <li><a href="#"><em class="nobold normal">Phones
Joomla Documentation /docs/joomla/templates/halcyon/demo_module_11.mdBottom Section Here is the widget breakdown for the Bottom section: Text Gantry Divider Text Text 1 This section of the page is a standard text widget. You will need to enter the following in the main text field.
Wordpress Documentation /docs/wordpress/themes/halcyon/demo_bottom.md