Center logo in Responsive Navigation Bar with HTML and CSS Perfect Coding | Part 2

17
9



Center logo in navbar Perfect Coding part 2. In this tutorial, you will know all about the dropdown menu and responsive menu. It was a requested video. I hope you will happy. The Center logo menu can increase website design. So many clients want this. I hope it will helpful for you. Let me know what you think about this.

🔴 Center logo in navbar Perfect Coding (Most people do it the wrong way)
==============================================

#Theme_Development

🔴 How to convert PSD to HTML using bootstrap 4 Step By Step
====================================================

🔴 WordPress Premium Theme Development Tutorials =========================================

🔴 Make A Website With WordPress In 15 Minutes (2018)
============================================

🔴 WordPress Tutorial For Beginners – Step by Step
=======================================

🔴 PSD to HTML with bootstrap 4 | Responsive
=====================

🔴 Top 5 Brackets Extensions | Brackets Code Editor
========================

🔴 How to use font awesome in your website
=================================

🔴 Custom Post Tutorial
======================

🔴 Shortcode Tutorial
===================

🔴 HTML Essential Training
==============================

🔴 CSS Essential Training
===============================

🔴 JavaScript Essential Training
===============================

#LearnWithAliHossain
Connect me on social media so you will find my entire tutorial at first. If that sounds like something that could help grow your business, then make sure to join me by subscribing!

➥➥➥ SUBSCRIBE FOR MORE VIDEOS ➥➥➥
Never miss any video.

Subscribe ⇢

✅ For Branding & Business Inquiries
===========================
✅ ► shovoalways@gmail.com

✅ Facebook:
==============================

✅ Twitter:
==============================

✅ Instagram
======================

✅ My Website
==============================

Nguồn: https://quydinh.com

Xem thêm bài viết khác: https://quydinh.com/cong-nghe

17 COMMENTS

  1. What you think about this tutorial please let me know in the comment and what tutorial you want next you can also let me know. I read every comment. Thank You.

  2. Hello Ali Hussain,

    instead of: nth-child (n) can you use what other selectors?, because in Internet Explorer 8 your navigation system with logo does not work!

    with best regards Jakhongir

  3. Hello, I like the tutorial! Just a quick question, how can i get the logo to stay In the middle the automatically decrease padding between menus as the monitor shrinks. A t the moment its not even when shrinking to the left.

  4. Ali, Very Nice! Exactly what I was looking for. Love it! I have a question though. I want to add my phone number and e-mail above the inner-main-menu but I can't get it to work properly. I'm trying to add icons such as font awesome icons, phone and envelope with my phone number next to the phone icon and e-mail address next to the envelope. I want to have it in muted text and about 14px. Thank you and keep up the good work!

  5. Great Video, Am having trouble with inheritance on drop down menu ,can you please send the source code

  6. instead of

     .inner_main_menu ul li ul{
    position: absolute;
    top: 42px;
    left: 99999999px; <——
    width: 200px;
    background-color: #262626;
    padding: 0;

    }

    .inner_main_menu ul li:hover ul{
    left:0; <——
    }

    just do

    .inner_main_menu ul li ul{
    position: absolute;
    top: 42px;
    left: 0;
    width: 200px;
    background-color: #262626;
    padding: 0;
    display: none; <——-
    }

    .inner_main_menu ul li:hover ul{
    display: block; <——-
    }

    works the same just a bit more correct way to do it

LEAVE A REPLY

Please enter your comment!
Please enter your name here