Elementor Inner Section 3 Columns

And I cannot drag and drop the widget into the section. "Accordion" is a complex element which consists of inner sections collection and its structure is similar to row and column hierarchy. Create the Header or Footer Template in Elementor. This creates a sort of inner section crucial for certain designs Column Gap Change the gaps between columns in order to let your design breathe Column Width Enter a specific column width, or visually scale the width by dragging the edge of the column Content Position. By means of Elementor modules you will be able to form the structure of the page, configure element's background, typography, set up content's layout, element style, its responsiveness and visibility. Beam to Column Rigid Joints Stiffener plates are used to 'shore up' the column flanges against the forces transmitted by the beam flanges. Under Section > Layout > Width, set Full Width. Perhaps the quickest way is to visit the page listings then click the Edit with Elementor link on the page you want. Check out for the Added Solutions to the basket. Free Reef Plus WordPress Theme is a simple, clean and minimal multipurpose blog theme based on Bootstrap Framework. org America/New_York America/New_York America/New_York 2019-11. Related columns - set the number of columns the section should be divided into (from 1 to 4); Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. Before you. 62//NONSGML kigkonsult. raw download clone embed report print CSS 60. This means that instead of designing with code, or just relying on the default design of your theme, you can design a whole new page using drag and drop widgets set across a column layout. Let’s get more familiar with these plugins:. I recently made a video called ‘How to Create More Complex Nested Layouts with Elementor‘. Elementor Widgets. Layers for Elementor Layers is now compatible with the World's Fastest page builder. What is the problems?. Enable body paddings - adds content side paddings if "Stretch Section" option is enabled for the section in the Elementor editor. I have been trying to design a page in elementor where there is two inner sections next to each other ,(side by side) and they are divided by a cross section. It will remove the unnecessary side paddings on Elementor’s section and inner section. This article: Creative Elements - Elementor based PageBuilder - $49 99 GDPR Compliance Pro The GDPR module for PrestaShop is an All-In-One solution that, once set-up is completed, will assure compliance with the new GDPR legislation and will allow the online store to function legally while avoiding fines. 2006) with a relatively light member weight; good fire resistance that even exceeds tubular columns fully filled with concrete, because of the relatively low temperature in the inner steel tube (Yang and Han 2008); good. - Structural shapes. 0 PRODID:-//27. From different font size per device, to reverse column ordering, this is the most powerful solution for creating perfect mobile pages. 43//NONSGML kigkonsult. I'm going to make a new section with two columns and here at the left, I want to have some text about myself and here at the right I want a picture of myself. 7 theme (Nulled) [Latest Version] Warehouse is a clean, powerfull HTML5 responsive prestashop. Sidebar position - moves sidebar to the right or left hand side of the page, or hides it. At first, this part of the site was intended for internal use only. From the Elementor left dashboard menu, click on the Burger icon in upper-left corner of the dashboard. Create inner columns within the column. This tutorial is Part 3 of the SQL & XQuery tutorial for IBM DB2 series. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Content Area - Control your content area section of your page. The Columns Gap feature on Elementor’s section and inner section will add unnecessary paddings on the sides. 1 represents zero margin between columns. Elementor has global Content Width settings on Elementor > Settings. And counting… Multilingual & RTL supported. 2 for a given. Nested Columns Create advanced layouts by nesting columns inside a given column. The Columns Gap feature on Elementor's section and inner section will add unnecessary paddings on the sides. Drag an Inner Section Widget to your column. Again you can set those values for tablet and mobile as well, and apply them on the fly on any of your layout’s sections. A top strap pierces through the front flap. If all the columns share the same background, equal height is irrelevant because you can set that background on a parent element. In a few seconds, a complete report of your website is generated. From the Elementor left dashboard menu, click on the Burger icon in upper-left corner of the dashboard. There has been a lot of talk about this subject on the Elementor Facebook Group among other places. Control every element of styling for the Heading widget. Method 2: From the Elementor dashboard menu. Related columns - set the number of columns the section should be divided into (from 1 to 4); Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. Elementor is a frontend drag and drop page builder for WordPress. Inner sections: How to add “rows” in Elementor within sections. - Structural shapes. – Desktop size: 2 rows with 3 columns – Tablet size: 3 rows with 2 columns – Mobile size: 6 rows with 1 columns. We've integrated RTL and multi language support within the framework of our page builder, so you get a translated panel out of the box, as well as RTL typography support, and developer options to add even more languages. You can either have one column or add multiple columns. The Columns Gap feature on Elementor’s section and inner section will add unnecessary paddings on the sides. A good table in your document can help make your data stand out to your readers, and adding a table in Word is a snap. Because we used the INNER JOIN clause to join the employees table to itself, the result set does not have the row whose manager column contains a NULL value. This way you can create complex layouts. Description. Under Section > Layout > Columns Gap, set No Gap. Elementor has global Content Width settings on Elementor > Settings. se iCalcreator 2. Columns Its main feature is setting content's layout inside the section and configuration of its background and typography. 514 127 683; Napisz e-mail [email protected] Sad ću vam objasniti kako do. And counting… Multilingual & RTL supported. I x = b h 3 / 12 (3) where. Control every element of styling for the Heading widget. What if you wanted to have 1 section with multiple rows? I. Posts navigation. Related columns - set the number of columns the section should be divided into (from 1 to 4); Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. Three-column themes can also be very practical if you have a lot of content to present on your website. · An inner query that compares multiple columns at the same time- Pair-wise multiple-column subquery · An inner query that compares the multiple columns one at a time in different subqueries- Non-pair-wise multiple-column subquery · An inner query that returns one or more rows to the outer query-multiple-row subquery. The primary bone of contention is the semantics involved. Elementor (Free) When it comes to a free page and content building option Elementor certainly comes to mind. From the Elementor left dashboard menu, click on the Burger icon in upper-left corner of the dashboard. org is a premium website content analyser. All the settings to do with that section will appear in the left-hand panel and you can make your changes. 19 Oracle Equijoin and Cartesian Product · Results from an invalid or omitted join condition; all combinations of rows are displayed- Cartesian Product · Values in a column in one table are equal to a value in another table; also called an inner join or simple join- equijoin. nf-tabs{border-bottom:1px solid #000;content:"";list-style-type:none !important;margin:0. 9// CALSCALE:GREGORIAN METHOD:PUBLISH X-WR-CALNAME:Street Science. org is a premium website content analyser. To have a little space on the outside section we add padding in percentage value. Here you have the option to play around with the padding ( in pixels; The link icon you see next to the padding control is a connector. Depending on the material, they may be used as an interior column, exterior column, column cover or as a support column. HTML preprocessors can make writing HTML more powerful or convenient. Grouping rows or columns in Excel can be very useful if you want to visually group items under a heading, or if you want to be able to hide or show data for better display. Elementor's intuitive and user friendly page builder panel lets you edit the page live and real time. Elementor has an inner section widget (previously called column widget) that allows you to have multiple columns within a single section. We've integrated RTL and multi language support within the framework of our page builder, so you get a translated panel out of the box, as well as RTL typography support, and developer options to add even more languages. Changelog 0. This is a very basic design element of Elementor. Columns live inside Rows. Sidebar position - moves sidebar to the right or left hand side of the page, or hides it. It enables you to build Websites and powerful on-line applications and requires almost no technical skills or knowledge to manage. I have been trying to design a page in elementor where there is two inner sections next to each other ,(side by side) and they are divided by a cross section. It enables you to build Websites and powerful on-line applications and requires almost no technical skills or knowledge to manage. It's similar to what we did above without all the math. Elementor Extras Changelog. 0 PRODID:-//46. Zemezjet is a pioneer group in creating elementor plugins It has built the best elementor tools up to date and now they are added to Deep theme. Add a new page or edit an existing one. Basically a page built by Elementor contains three main elements which are section, column and widget. The Ocius is easy to use modern Free WordPress theme with lots of useful features. Drag another Inner Section widget to the first column below the Button. They can get data from different tables. Section 3 Quiz (Answer all questions in this section) 1. Set the padding & margin for sections, columns and widgets. The elements can also be classified into the main-group elements (or representative elements) in the columns labeled 1, 2, and 13-18; the transition metals in the columns labeled 3-12; and inner transition metals in the two rows at the bottom of the table (the top-row elements are called lanthanides and the bottom-row elements are actinides. com High Water is a world class cocktails, craft beer & whisky bar. Being able to create specific layouts is what page builders are all about. Inner Row Structure Insert an inner row into columns in order to create advanced layouts and have additional design options with WPBakery Page Builder drag and drop plugin for WordPress. Getting to Know Elementor. The vertebral column is curved, with two primary curvatures (thoracic and sacrococcygeal curves) and two secondary curvatures (cervical and lumbar curves). And counting… Multilingual & RTL supported. Developer API. Columns – Create inner columns within the column. While most plugins let you create some particular age types, Elementor makes it easy to create the entire website from scratch. This is what we use at WPLift and our pick for the best WordPress page builder plugin. moment of inertia of hollow section can be found by first calculating the inertia of larger rectangle and then by subtracting the hollow portion from that large rectangle. Nested Columns Create advanced layouts by nesting columns inside a given column. 8 Posts Extra — Aligned column breakpoints to Elementor default values Parallax Background — Support for section resize in. < p > Did you know the lack of SSL Certificate can negatively affect your search engine rankings?. And with updates to 3. 43//NONSGML kigkonsult. Simple as that. Logo Carousel Pro is a beautiful Multi-use Logo Showcase and Responsive Clients Logo Gallery Plugin for WordPress that allows you to showcase a group of logo images in a visually appealing way through an intuitive Shortcode Generator. Step 1: The Hero Section. Make senses, right? We create a page with Elementor now. I do it a slightly different way, but with very similar CSS to David's method above. 0 and article category. This means that instead of designing with code, or just relying on the default design of your theme, you can design a whole new page using drag and drop widgets set across a column layout. Choose the single column option. Change themes and still keep all your designs. Demo: Duplicate a column, adjust width Add the sidebar content. Elementor allows to drag-n-drop the needed element onto a section field and check out the changes being made instantly. Nested Columns Create advanced layouts by nesting columns inside a given column. In Basket you can find the answers you are going to pay for using Paypal. Elementor is a visual page builder plugin for WordPress enabling the creation of web pages in a live, visual way. " Of course subqueries can return text as well, but you get the point!. Basically a page built by Elementor contains three main elements which are section, column and widget. And counting… Multilingual & RTL supported. The vertebral column is curved, with two primary curvatures (thoracic and sacrococcygeal curves) and two secondary curvatures (cervical and lumbar curves). Now that we have a better handle on what we are dealing with, let's start putting them to use! Here are 5 creative ways to use the Divi margin and gutter. As Zayne is based on Elementor drag-and-drop page builder, you can easily manage the content of your any pages with ease. And counting… Multilingual & RTL supported. Getting to Know Elementor. Inner Section Widget (formerly Columns Widget) Please note: If you only want to add a column to your section, right-click the column handle > Add New Column. You can do this in Plugins – add new and search for “Elementor”. Image - Control the size, opacity and other settings of images. Landing pages, homepages & other templates available for free download. This is how you do it! Grouping rows or columns. I instantly love the simplicity of the homepage - dynamic texts on the heading, images that are properly laid out and a CTA section ends it. I cannot see the choice of column. This obviously means you can create a mega menu with any structure you need, including any number of columns, inner sections, and, surely, any widgets you might need. The vertical left and right edges of these 2 sets of columns line up perfectly with each other. 1 Local buckling of Compression Members Local buckling has the effect of reducing the load carrying capacity of columns and beams due to the reduction in stiffness and strength of the locally buckled plate elements. Elementor (Free) When it comes to a free page and content building option Elementor certainly comes to mind. Create inner columns within the column. ok? wiki Facebuilder 2. Since you will be having 8 more columns with a link, please follow on this steps instead 1] Please turn on the advance controls 2] Select which column you would like to link and insert a custom ID #linked-column-1 for example 3] Insert the following custom JS in the settings tab (in Cornerstone), Settings > Custom JS. The CFDST thus represents an option for an all-­purpose column or bridge pier, offering: good seismic performance (Han et al. However, there are better solutions available for creating tables in WordPress. Elementor Pro with your favorite or customized theme. Enable body paddings - adds content side paddings if "Stretch Section" option is enabled for the section in the Elementor editor. What This Plugin Does. Welcome to Elementor. The Elementor page builder makes creating beautiful responsive layouts in WordPress drag-n-drop easy. This is how you do it! Grouping rows or columns. STRUCTURAL STEEL TERMS/ LAYOUT AND FABRICATION OF STEEL AND PIPE the S-shape is in the design of the inner surfaces of the Figure 3-11. This striking theme is built with Elementor Page Builder, that being said, it comes with a huge variety of cool widgets such as Image Carousel, Google Maps, Video, Image Box, Image Gallery, Testimonial, Tabs, Social Icons, Alerts, and many more. Categories Building Construction, Civil Projects Tags Alignment of columns, Building Construction, Design of columns, Distance between columns, Guide to making a column layout, How to make a column layout?, Size of the columns, structural design, Thumb rules for making a column layout, Wrong Structural Design Post navigation. Related columns - set the number of columns the section should be divided into (from 1 to 4); Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. se iCalcreator 2. Jupiter X Image Gallery tool gives you tons of options to customize the look of your image galleries to showcase your products through images the best way. The vertebral column is curved, with two primary curvatures (thoracic and sacrococcygeal curves) and two secondary curvatures (cervical and lumbar curves). In order to change the order of columns in a Section in Elementor: 1. 0 PRODID:-//27. Image – Control the size, opacity and other settings of images. One of the best household family trip attractions Getting family members on a well-deserved holiday break, yet not convinced your holiday destination? We'ng dragged together a list of the greatest family-friendly accommodations that will help decide. /*! elementor - v1. Related columns - set the number of columns the section should be divided into (from 1 to 4); Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. To have a little space on the outside section we add padding in percentage value. Related columns - set the number of columns the section should be divided into (from 1 to 4); Related posts style - select the related posts style; Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. One of the best household family trip attractions Getting family members on a well-deserved holiday break, yet not convinced your holiday destination? We’ng dragged together a list of the greatest family-friendly accommodations that will help decide. So how does Elementor measure up? To begin creating a layout, you’ll first want to ‘Add New Section’ from the content area. It will remove the unnecessary side paddings on Elementor's section and inner section. We made the interface as intuitive as possible, so it wont take you long to get stuck in. 62//NONSGML kigkonsult. NEW: Elementor Templates. com's services you agree to our Cookies Use and Data Transfer outside the EU. Musfiqur Rahman, A. Get Involved Visit Elementor GitHub repository to contribute code or suggest new ideas. com High Water is a world class cocktails, craft beer & whisky bar. (2/3), which leads us to the rule of thirds. Everyone can read this forum, but only Toolset clients can post in it. Therefore you can break down your information into as many columns as you’d like. But if one or more columns need to have their own background, it becomes very important to the visual integrity of the design. Abd El-Aty, Jeong-Heui Choi, Ho-Chul Shin, Sung Chul Shin, and Jae-Han Shim. This makes inconsistent content alignment with theme's container or other sections' container. Drag an Inner Section Widget to your column. Drag an Inner Section Widget to your column. It also gives a point of proper reference in the column cross section. In case you want to query the CEO who does not report to anyone, you need to change the INNER JOIN clause to LEFT JOIN clause in the query above. It will remove the unnecessary side paddings on Elementor’s section and inner section. I always use at least 2 nested sections, with the outer section set to ‘stretched’ and the inner sections set to default (boxed, blank width). Here there is limitation of Microsoft-word. Our plan for mobile is to have the two quarter-width columns become two half-width columns and the half-width column become a full-width column. And with updates to 3. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. On the Content tab, create 4 items then set proper settings like Text to 198 West 21th Street, Suite 721 New York NY 10016, Icon to location-narrow. Latest theme version has support for Elementor custom blocks, so, you can easily add and configure any type of custom areas with nice design or even make one click import ready template. Developer API. Perhaps the quickest way is to visit the page listings then click the Edit with Elementor link on the page you want. But a lot of people get stuck creating more complex layouts. Inside inner sections or columns, you will be able to add widgets which are content blocks that add text, images, buttons, and other elements to your page. Zemezjet is a pioneer group in creating elementor plugins It has built the best elementor tools up to date and now they are added to Deep theme. Step 1: The Hero Section. Method 2: From the Elementor dashboard menu. Elementor: Which one is better?. 8 Posts Extra — Aligned column breakpoints to Elementor default values Parallax Background — Support for section resize in. [PART 2] How to Create More Complex Nested Layouts I recently made a video called ' How to Create More Complex Nested Layouts with Elementor '. Portal frames are generally low-rise structures, comprising columns and horizontal or pitched rafters, connected by moment-resisting connections. Enable body paddings - adds content side paddings if "Stretch Section" option is enabled for the section in the Elementor editor. On the inner section holding the two columns, I can edit the responsive property under advanced. Our plan for mobile is to have the two quarter-width columns become two half-width columns and the half-width column become a full-width column. Manual Page Break & keyboard shortcut Manual page breaks display as a single dotted line with the words Page Break in the center when you enable the Show/Hide button. x is the first moment of area of certain section then (Ax). Alternatively, you could click on the page itself and hit the Edit with Elementor button which is clearly shown under the title. Under Section > Layout > Columns Gap, set No Gap. Create inner columns within the column. I've made a few websites with Elementor now, and I find the best way around this problem is to simply add another column or inner section inside the columns you are wanting to seperate. Overall, I found the layout options worked well and I can't see any obvious areas where it falls short. How to Build Brick Columns. shows-tab{max-height:200px;overflow:auto}. Hide is the third option in Title Area if you want to hide your Title area simply select this option. After you are done creating your slide, save and go back to your Elementor. A number of pre-made inner pages you can utilize for introducing your company, team members, mission and services, and more. 2 represents a 3% right margin between columns. Simple as that. There has been a lot of talk about this subject on the Elementor Facebook Group among other places. Creating multi-column content aka grid column content in WordPress is now easy because it comes as a default feature. phpwoovina/assets/css/demo-01. Elementor is a frontend drag and drop page builder for WordPress. Change themes and still keep all your designs. Ultimate Exposure is an expert in creating the best images of real estate properties. First of all , the question is which type of column you are using timber , concrete etc. Abd El-Aty, Jeong-Heui Choi, Ho-Chul Shin, Sung Chul Shin, and Jae-Han Shim. Create inner columns within the column. The list has been set up to display the 3 latest posts and with the same meta and excerpt set up to match the main blog. Enable body paddings - adds content side paddings if "Stretch Section" option is enabled for the section in the Elementor editor. Manual Page Break & keyboard shortcut Manual page breaks display as a single dotted line with the words Page Break in the center when you enable the Show/Hide button. 2 for a given. And counting Multilingual & RTL supported. Hide is the third option in Title Area if you want to hide your Title area simply select this option. It is a search engine optimized theme with built-in schema. INNER JOIN as CROSS JOIN. Now duplicate the column, delete all content within it (but keep the inner section). Please see Homepage 3 for more information. nf-tabs{border-bottom:1px solid #000;content:"";list-style-type:none !important;margin:0. Depending on the material, they may be used as an interior column, exterior column, column cover or as a support column. Choices with respect to Enjoyment Family members RecreationPonder over it good hours squared: You’re able to use your day by means of your children, individuals find our about the gladness involving assisting people, plus nearly everybody helps make the earth a greater place. Setting up the rest of the layout is easy. Elementor: Which one is better?. You can do this in Plugins – add new and search for “Elementor”. 6, dangerous goods may be packed together with other articles or substances, provided they will not react dangerously in the event of leakage. Related columns - set the number of columns the section should be divided into (from 1 to 4); Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. Click the plus button on the Elementor editor to add a new section. Just make sure to use only one section in each template. Tweaking the actual values of columns gaps. se iCalcreator 2. Using the numbers 2 and 3 from the series we get a simple approximation of the golden section as 1. (2/3), which leads us to the rule of thirds. Deep is an excellent WordPress Elementor theme built with Elementor page builder. Sections & Columns Part 3: Padding, Margin, Responsive and Other Settings in the Advanced Tab By Armstrong In DESIGN Posted May 8, 2017 0 Comment(s) How to use the advanced tab, and how it helps you control the section and column padding, margin and other settings. Control every element of styling for the Heading widget. Themes/woovina. Remember when you are creating your layout that all columns must be contained inside a row and that you must add the col class to your inner divs to make them into columns. It will remove the unnecessary side paddings on Elementor's section and inner section. How to implement inner scroll navigation (one page menu) What Page Builders are compatible with Groovy menu blocks How to create an admin user in WordPress for Grooni support. - Structural shapes. WooCommerce. Related columns - set the number of columns the section should be divided into (from 1 to 4); Related posts style - select the related posts style; Use slider layout - enable this option to display related posts in a form of a slider if the related posts count is more than columns count. Columns – Create inner columns within the column. Elementor section element. And counting… Multilingual & RTL supported. For instance, you could add that special “designer touch” by including unique features like box shadows, hover and entrance animations, advanced buttons and more. Elementor section handler class is responsible for initializing the section element. 0 and article category. 7 theme (Nulled) [Latest Version] Warehouse is a clean, powerfull HTML5 responsive prestashop. Assigning column gaps to a section. Adding elements from Elementor as Mega Menus can save you a lot of time and you can make very attractive Menu Elements, but it has one big disadvantage – it generates a lot of code menu and it’s not good for SEO and not good for speed of site. Q&A for Work. Perhaps the quickest way is to visit the page listings then click the Edit with Elementor link on the page you want. < p > Did you know the lack of SSL Certificate can negatively affect your search engine rankings?. I recently made a video called ‘How to Create More Complex Nested Layouts with Elementor‘. 9// CALSCALE:GREGORIAN METHOD:PUBLISH X-FROM-URL:http://lapapotheque. Here you can upload fonts and adjust font settings for specific typography elements. We can enter upto 138 characters only in 'Status' field of 'Add help text' button. Under Section > Layout > Width, set Full Width. " Of course subqueries can return text as well, but you get the point!. Step 1: The Hero Section. Click the plus button on the Elementor editor to add a new section. Standard pipe, extra strong (x-strong) pipe and double-extra strong (xx-strong) pipe sizes, dimensions and section properties are given in the following structural steel pipe chart per Steel Construction Manual. Portal frames are generally low-rise structures, comprising columns and horizontal or pitched rafters, connected by moment-resisting connections. Visibility. The outer and inner queries can reference than one table. 0 PRODID:-//149. They can get data from different tables. Nulled Elementor WordPress Plugin is the most advanced frontend drag & drop page builder. An easy INNER JOIN example. Description. Developer API. com High Water is a world class cocktails, craft beer & whisky bar. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. We’ve integrated RTL and multi language support within the framework of our page builder, so you get a translated panel out of the box, as well as RTL typography support, and developer options to add even more languages. Drag the Inner Section element to the new section you have just created. Pastimes Guide help your self-esteem. HTML preprocessors can make writing HTML more powerful or convenient. As you get to know SQL you realize there is usually more than one way to write a query. While using herpes outbreak about via the internet on line casinos it was pretty much any walk in the park for the purpose of members who wish to chance it by only residing at home. Elementor gives you two structural elements that help you: Position elements; Style elements as a group (e. likes and dislikes of which forces you to more joyrful. For our contact section, I do not want to have my picture shown first. Columns Its main feature is setting content's layout inside the section and configuration of its background and typography. Image - Control the size, opacity and other settings of images. se iCalcreator 2. 1? It has columns widget which has renamed in Elementor 2. Whether you're interested in a brick column for decorative purposes or need one to support a structure, building your own is a fairly. It’s as easy as three lines of code! Here’s an easy jQuery fix for anyone having trouble making columns or sections links. 2 When the code "LQ0" is shown in Column (7a) of Table A in Chapter 3. What if you wanted to have 1 section with multiple rows? I. Elementor section element. 2 and that is composed of two or more dangerous goods shall be assigned to an entry that has the proper shipping name, description, class, classification code and packing group that most precisely. Elementor has an inner section widget (previously called column widget) that allows you to have multiple columns within a single section. Make a Website Make a Website (W3. Note: For now, just know that the s1 stands for small-1 which in plain English means "1 column on small screens". Repeat the same steps for other items with different settings. You can also add other elements to your menu like social media.