Mr9 Videos
Mr9 Videos
  • 21
  • 33 856
Create a Footer Menu like Mobile App with Bricks builder | Sticky Bottom Menu Bar
In this video you will learn, how to create sticky footer menu like mobile app with bricks builder that can instantly boost conversions on any small business, service-based website with a "mobile action bar" that gives visitors a dead-simple way to contact your business.
🔰CSS Code:
www.mediafire.com/file/js7h58ffnriu1z6/Create+a+Footer+Menu+like+Mobile+App+-+mr9videos.txt/
Create Sticky Mobile Bottom Menu Bar Like an App on bricks, Create A Mobile App Menu On bricks builder, how to make mobile sticky menu in bricks builder, Sticky Bottom Menu Bar,
Icon Navigation Menu Bar like an App in bricks builder,
📌 Icons website:
icones.js.org/
Переглядів: 1 820

Відео

How To Create Nav Menu Using Bricks Nav Nestable Element - Bricks Builder Tutorial
Переглядів 3,2 тис.Рік тому
Bricks nav menu builder: In this video, we will create nav menu using nav nestable element of bricks builder. 🔰 Header Videos: ua-cam.com/play/PL1u6-9dMPxW2HFYR1mlEHntsBonxDVkHn.html 🔰 My Free Bricks Course: ua-cam.com/play/PL1u6-9dMPxW17EKRmwajjwIrMOSGCe2nW.html 🔰 Create Beautiful Card: ua-cam.com/play/PL1u6-9dMPxW12OHQ8yUbsZoFnk9f7HZIC.html Create nav menu in bricks builder, mobile menu of br...
Easily Create beautiful responsive header in Bricks builder using Flexbox
Переглядів 663Рік тому
In this video, we'll show you how to make a responsive headers in Bricks builder using flexbox. 0:00 Introduction 0:26 Creating a beautiful Header 1:13 Make it Responsive 🔰 More Header Videos: ua-cam.com/play/PL1u6-9dMPxW2HFYR1mlEHntsBonxDVkHn.html 🔰 My Free Bricks Course: ua-cam.com/play/PL1u6-9dMPxW17EKRmwajjwIrMOSGCe2nW.html 🔰 Create Beautiful Card: ua-cam.com/play/PL1u6-9dMPxW12OHQ8yUbsZoFn...
Create amazing header in Bricks builder using Flexbox
Переглядів 1 тис.Рік тому
In this video, we'll show you how to make a responsive headers in Bricks builder using flexbox. 0:00 Introduction 0:42 Creating a beautiful Header 1:14 Make it Responsive 🔰 First Header: ua-cam.com/video/MXKqbBJttXk/v-deo.html 🔰 My Free Bricks Course: ua-cam.com/play/PL1u6-9dMPxW17EKRmwajjwIrMOSGCe2nW.html 🔰 Create Beautiful Card: ua-cam.com/play/PL1u6-9dMPxW12OHQ8yUbsZoFnk9f7HZIC.html Create h...
Create A Beautiful Responsive Header in Bricks builder
Переглядів 8 тис.Рік тому
In this video, we'll show you how to make a responsive headers in Bricks builder 0:00 Introduction 0:23 Create a header template 1:03 Adding a site logo navigation menu and Seach icon 1:21 Creating a beautiful Header 2:51 Make it Responsive 5:01 Elements setting Explanations 7:01 Seo tip 8:02 Adding Conditions 🔰 Bricks Builder Flexbox Tutorial: ua-cam.com/video/MYOYNP2lMX8/v-deo.html 🔰 My Free ...
Bricks Builder - 3d Image Cutout Card
Переглядів 263Рік тому
In this Bricks builder tutorial, you will learn creating 3d image cutout effect. 🔰 CSS Code: www.mediafire.com/file/sl4ig3ba069o6hd/3d image cutout card hover effect .txt/ Create beautiful Card with Bricks builder, Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial, @mr9videos,
Create Card with Beautiful Popup effect - Bricks Builder
Переглядів 460Рік тому
In this video, you will learn creating beautiful Card with 3d effect using bricks builder. 🔰 CSS Coder: www.mediafire.com/file/ax4sppmdbpzbacp/Card_with_Beautiful_Popup_effect.txt/ Create beautiful Card with Bricks builder, Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial, @mr9videos,
Learn Flexbox in easy way - Bricks Builder Tutorial
Переглядів 874Рік тому
In this Bricks Builder listen, you will learn all the visual option of flexbox. I guarantee you, after watching this video you will become a master of Bricks builder Flexbox. Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial. @mr9videos
Create Multiple Columns And Rows - Bricks Builder Tutorial
Переглядів 1,1 тис.Рік тому
In this Bricks builder listen, you will learn two ways to create Columns And Rows. 1) Manual way: in which we create Columns And Rows by dragging Section container and Blocks elements to canvas 2) Using ready-made layout. Bricks builder, Bricks builder vs oxygen builder, Bricks builder vs elementor, Bricks builder review, Bricks builder tutorial. @mr9videos
Create Card With Cut Corner | Bricks Builder tutorial
Переглядів 474Рік тому
In Facebook group asked, if we could make a Card with cut corner, and it seemed like a fun challenge, and this is my solution! ✅ CSS Class: .edge-cut 🔰 CSS Code: .edge-cut { clip-path: polygon(0 0, calc(100% - 2.5rem) 0%, 100% 2.5rem, 100% 100%, 0 100%) } how to create Card With Cut edge by css, make Card With Cut Corner in css, bricks builder, WordPress bricks builder tutorial, bricks builder ...
Bricks Builder layout elements (Section, Container, Block & Div)
Переглядів 1,7 тис.Рік тому
Bricks Builder has four layout elements: section, container, blocks and div. In this bricks tutorial video we will discuss all layout elements of bricks and how to use them. After watching this lesson you will understand difference between Section, Container, Block and Div.
Bricks Builder | Cool Border Animation Cards
Переглядів 823Рік тому
Animated Card Border | WordPress Bricks Builder Tutorial, Bricks Builder Tips and Tricks In this tutorial, I'll show you How to Create Animated Border using Bricks Builder🔥,WordPress Bricks Builder Tutorial 🔰 CSS CLASS: card-border-animation 🔰 CSS CODE: .card-border-animation{ overflow: hidden !important; justify-content: center; align-items: center; } .card-border-animation:before{ content: ''...
Bricks Builder UI
Переглядів 530Рік тому
In this lesson of Bricks Builder. I’ll take you on an overview tour of the Bricks Builder UI, so you will become familiar with the whole Bricks User interface. Bricks Builder UI is mainly split into 4 main areas: Elements panel on the left, Canvas in the middle, Structure panel on the right, various Menus along the top. Bricks builder, Bricks builder vs Elementor, Build with Bricks, Bricks buil...
Bricks Builder Settings In Detail - Bricks Builder Tutorial
Переглядів 2 тис.Рік тому
Bricks builder setting: In this lesson we will take a tour of Bricks settings and explain everything in detail. So you will know what every option does. Bricks builder Tutorial, WordPress Bricks theme, WordPress Bricks builder, BricksBuilder, #Bricksbuilder, #mr9videos, @mr9videos
Install Bricks Builder And Quick Overview Of Bricks Menu
Переглядів 843Рік тому
In this lesson we’ll install Bricks theme, and take a quick tour of the new Bricks menu. Download Bricks from your Bricks account at bricksbuilder.io. @mr9videos Bricks builder Tutorial How to Install Bricks theme
Bricks Water Drop Card Hover Effect | WordPress Bricks Builder Tutorial
Переглядів 634Рік тому
Bricks Water Drop Card Hover Effect | WordPress Bricks Builder Tutorial
Bricks Builder Tutorial | Magic Card hover effect
Переглядів 1,8 тис.Рік тому
Bricks Builder Tutorial | Magic Card hover effect
Create A Text Overlay Portrait Image Using Bricks Builder. WordPress Bricks Builder Tutorial
Переглядів 1,1 тис.2 роки тому
Create A Text Overlay Portrait Image Using Bricks Builder. WordPress Bricks Builder Tutorial
Gradiant border button | WP Bricks Builder Tutorial
Переглядів 3,5 тис.2 роки тому
Gradiant border button | WP Bricks Builder Tutorial
Button Liquid Animation | Button Water Animation | WordPress Bricks Builder Tutorial
Переглядів 8662 роки тому
Button Liquid Animation | Button Water Animation | WordPress Bricks Builder Tutorial
A comprehensive guide of Flex grow, shrink and basis | WP Bricks Builder tutorial
Переглядів 1,7 тис.3 роки тому
A comprehensive guide of Flex grow, shrink and basis | WP Bricks Builder tutorial

КОМЕНТАРІ

  • @VijayKumarIM
    @VijayKumarIM Місяць тому

    Good video brother covered all essentials for Nestable Nav

    • @mr9videos
      @mr9videos Місяць тому

      Thanks for your kind words

  • @SousenOficial
    @SousenOficial 2 місяці тому

    Ok i did this on my header template. I think is better for optimize but this is another way. Good tutorial, going to suscribe.

  • @aliabbashitech
    @aliabbashitech 2 місяці тому

    thanxxx pleas also upload new videos

  • @aliabbashitech
    @aliabbashitech 2 місяці тому

    Very well explained. Thank you very much and I would love to see more of your videos :)

    • @mr9videos
      @mr9videos 2 місяці тому

      More videos will be uploaded in November, i am going to create 100% free bricks course.

    • @aliabbashitech
      @aliabbashitech 2 місяці тому

      @@mr9videos May Allah bless you with happiness and blessings 🙏 ✨

  • @aliabbashitech
    @aliabbashitech 2 місяці тому

    Amazing work, subscribed and liked! Please keep the Bricks Builder videos coming!!

  • @obito-269
    @obito-269 2 місяці тому

    thank you! very helpful! 👍

  • @melkstal1
    @melkstal1 3 місяці тому

    You are awesome! Not only did I learn the border, I also learned some simple new design tricks. Thank you very much!!!

  • @litmol
    @litmol 4 місяці тому

    Thank you for a clear explanation. I do have one question: when you set the flex-grow of the logo to 1 (3:55 min), the size of the logo doesn’t change. When I do the same, the size of the logo increases. Any thoughts on why this happen? Thanks

    • @mr9videos
      @mr9videos 4 місяці тому

      When you add a logo element, goto content tab, and first set your logo width there. Then apply flex grow. It will solve that issue.

    • @litmol
      @litmol 4 місяці тому

      @@mr9videos Thank you for answering my question. I made the change as you suggested (defining the width of the logo wihin the Content Tab and not the Style Tab) and it solved the issue.😊

  • @Kapus10
    @Kapus10 4 місяці тому

    Great video!

  • @wppagebuilders
    @wppagebuilders 5 місяців тому

    Wow, this tutorial is incredibly detailed! I love how it walks through every step from setting up the template to customizing each icon and adding functional links. The CSS tips for borders and shadows really add a professional touch. And hiding it on larger screens while keeping it visible on mobile is such a smart UX move. Can't wait to implement this on my own site-it's going to make navigation so much easier for visitors!

  • @wppagebuilders
    @wppagebuilders 5 місяців тому

    Wow, this tutorial really dives deep into flexbox! I like how they start by setting the stage, showing how flexbox can transform layouts easily. The step-by-step approach is great, especially for beginners. Explaining things like reversing item order and aligning items using Start, Center, and End makes it super clear. And the details on properties like space between items and flex grow/shrink are really useful for understanding how to control layout dynamics. It's definitely a tutorial I'd revisit to perfect my flexbox skills!

    • @mr9videos
      @mr9videos 5 місяців тому

      Glad you liked it, and thanks for your kind words

  • @phkoon
    @phkoon 5 місяців тому

    Are there cons to using containers as the only layout elements, set with proper semantic html tagging to structure the design, as done in Elementor? If so, what would they be?

    • @phkoon
      @phkoon 5 місяців тому

      Just took a look at the trial version of Bricks and checked out each of them. Except for the Div element, all the Section, Container and (ironically) Block elements are display: flex with the proper semantic tag set, so I think it settles the matter. Well, if anyone has anything to add, feel free to do so =D

    • @mr9videos
      @mr9videos 5 місяців тому

      You are right, they are set with proper tags, and it also speedup website making process. Mostly we don't need to set size of each container every time as we do in elementor. Bricks approach is better just use it few times, it will save a lot of your time. And also we don't need separate grid element and container element for flex and grid, in bricks you can just change display property from flex to grid or block...

    • @phkoon
      @phkoon 5 місяців тому

      ​@@mr9videos Thanks for adding that! I'm already sold for moving over to Bricks, will do as soon as I get a chance. I've seen it also supports natively a lot more things which Elementor otherwise would require a separe plugin; For filtering purposes, would you still need some top-tier tool like Grid Builder, or Bricks also offers a way to get this job done natively?

  • @LeventZeytinci
    @LeventZeytinci 5 місяців тому

    👍

  • @shakibhossain7460
    @shakibhossain7460 6 місяців тому

    Excellent videos amazing

  • @AAA-jd5ln
    @AAA-jd5ln 6 місяців тому

    🌹

  • @DenisMcCaul
    @DenisMcCaul 7 місяців тому

    I was just adding this and your video has saved me a lot of trial and error. Thank you

    • @mr9videos
      @mr9videos 6 місяців тому

      Glad it helped

  • @untuan
    @untuan 7 місяців тому

    Thank you so much this help me alot

  • @arthurmarkin1992
    @arthurmarkin1992 7 місяців тому

    15:36 Did they remove the animation feature?

    • @mr9videos
      @mr9videos 3 місяці тому

      In Nav nestable, you will see different elements, click on element name "Toggle (Open:mobile)" Then in content tab you will see animation options for icon.

  • @EliasRise
    @EliasRise 8 місяців тому

    Straight to the point - This is the best explanation about Flexbox in Bricks. Thank you very much!

    • @mr9videos
      @mr9videos 8 місяців тому

      Thanks for your kind words

  • @mommasoto
    @mommasoto 10 місяців тому

    Fantastic! Been trying to get this to work for a responsive table (like for a resume). I need the info in the columns and rows to stay together responsively. Is there a etter way?

  • @hariswami4827
    @hariswami4827 10 місяців тому

    Please create more videos. I really enjoy watching yours and learn more in a short video. Thank you for sharing your knowledge

    • @mr9videos
      @mr9videos 10 місяців тому

      Glad you like it, more videos (Short + To The Point) will be uploaded soon.

    • @DenisMcCaul
      @DenisMcCaul 7 місяців тому

      Best explanation online of the Bricks layout elements, thank you

  • @reufjaha123
    @reufjaha123 10 місяців тому

    Amazing tutorial, keep good work ;)

  •  10 місяців тому

    There is no better way to explain or to understand the flexbox model than with Brix's visual representation. Very good, thank you very much my friend 👍

    • @mr9videos
      @mr9videos 10 місяців тому

      Thanks for your kind words

  • @simonepagnini6735
    @simonepagnini6735 11 місяців тому

    very nice! I put on my site! Question: have you a video where you explain a notification bar that come up when scrolling and comes out when exit the viewport? I cannot find any explanation about it.. thanx!

    • @mr9videos
      @mr9videos 11 місяців тому

      I will make a video on it

  •  11 місяців тому

    Very well explained. Thank you very much and I would love to see more of your videos :)

    • @mr9videos
      @mr9videos 11 місяців тому

      Full bricks course will be uploaded soon.

  • @notponding
    @notponding 11 місяців тому

    Bro this was the best video, clean and easy plus covered of must. thanks.

    • @mr9videos
      @mr9videos 11 місяців тому

      Glad you like it.

  • @DenisMcCaul
    @DenisMcCaul 11 місяців тому

    Will you be making a video explaining how to use Grid in Bricks for responsive layouts? Your tutorials are great, thank you

    • @mr9videos
      @mr9videos 11 місяців тому

      Yes, i will make a video on it.

  • @todayinsingapore
    @todayinsingapore 11 місяців тому

    Very educational and easy to follow. Thanks!

    • @mr9videos
      @mr9videos 11 місяців тому

      Glad that was helpful

  • @GregKarelitz
    @GregKarelitz 11 місяців тому

    Great video. Best explanation I’ve seen yet. Thanks!

    • @mr9videos
      @mr9videos 11 місяців тому

      Thanks for your kind words

  • @inscription994
    @inscription994 Рік тому

    Thank you so much

  • @chimastudios
    @chimastudios Рік тому

    That was beautiful, thanks!

  • @AmandaLucaseu
    @AmandaLucaseu Рік тому

    Fantastic

  • @tomasbartunek-v7s
    @tomasbartunek-v7s Рік тому

    I've searched through all of UA-cam, but it's only your brick tutorials that I truly understand. I think the brick community will continue to grow, and you have a good opportunity to capture some followers if you keep at it. A lot of UA-camrs who make brick-related content are moving to other builders because the community grows slowly, but I bet if you stick with it and add more tutorials, you'll have good viewership in the future.

    • @mr9videos
      @mr9videos Рік тому

      Thanks for your kind words, new tutorial are coming.

    • @BGdev305
      @BGdev305 Рік тому

      You said, "A lot of UA-camrs who make brick-related content are moving to other builders because the community grows slowly". Huh? Can you point me to a YT Bricks dev who has moved to another builder? I haven't seen ONE!

  • @邬文林
    @邬文林 Рік тому

    你的教程太棒了 没有废话

  • @badid0y
    @badid0y Рік тому

    Thank you for this tutorial. Explained directly

  • @jugibur2117
    @jugibur2117 Рік тому

    Great stuff, thanks for sharing!

  • @itian3579
    @itian3579 Рік тому

    thank you! very useful

  • @simon_quinn
    @simon_quinn Рік тому

    I don't have that 'hook' field in my Bricks...

    • @mr9videos
      @mr9videos Рік тому

      On which template type you are trying? Try on section. 0:44

  • @vincentchen2938
    @vincentchen2938 Рік тому

    how about make it as a popup like when scroll to 100px, it pops up then

    • @mr9videos
      @mr9videos Рік тому

      Nice idea, I will make a video on it.

  • @vincentchen2938
    @vincentchen2938 Рік тому

    helpful

  • @c.p.841
    @c.p.841 Рік тому

    Very useful. Thanks.

  • @hariswami4827
    @hariswami4827 Рік тому

    Great content. Learned more in a short time instead of an hour long video that beat around the bush. Keep making. Subscribed

    • @mr9videos
      @mr9videos Рік тому

      Thanks for your kind word and support. My videos will be always to the point.

  • @hosseinkhanmohammadi4770
    @hosseinkhanmohammadi4770 Рік тому

    Simple and useful tutorial.

    • @mr9videos
      @mr9videos Рік тому

      Thanks for your kind words

  • @JeanLucBrigot
    @JeanLucBrigot Рік тому

    Best explanations I found about Flexbox with Bricks! Many thanks!

  • @yogivemana88
    @yogivemana88 Рік тому

    Great simple tutorials, could you please create a video on how create a frosted glass (glassmorphic) grid or card on dark and light background. Thank you for considering.

  • @stewtech
    @stewtech Рік тому

    Great job!

  • @stewtech
    @stewtech Рік тому

    Amazing work, subscribed and liked! Please keep the Bricks Builder videos coming!!

    • @mr9videos
      @mr9videos Рік тому

      i am working on videos. Thanks for like and sub.

  • @Hassanakora
    @Hassanakora Рік тому

    Nice video again thanks

  • @mafiasalesman
    @mafiasalesman Рік тому

    You just earned my sub. I checked your channel and your content is great. I would love to see how customize woocommerce shop and single product pages. I'm looking for a way to be able to do that with custom css.

    • @mr9videos
      @mr9videos Рік тому

      Thanks for sub. WooCommerce is in my list, i am making full bricks Course.

  • @rolandoveca
    @rolandoveca Рік тому

    excellent tutorial, thanks for sharing. Question: where do you find the figma designs you base on?

    • @mr9videos
      @mr9videos Рік тому

      In UI UX related Facebook group.