Drop down doesnt work properly in mobile view

Topic: Drop down doesnt work properly in mobile view

rockrude pro asked 6 years ago

When the drop-down menu is used in the navbar. It looks quite odd.

Add comment

rockrude pro answered 6 years ago

<div>
<div><header></div>
<div></div>
<div><mdb-navbarSideClass="navbar fixed-top navbar-expand-lg navbar-dark bg-blue scrolling-navbar intro-fixed-nav" [containerInside]="false"></div>
<div><logo></div>
<div><aclass="logo navbar-brand"routerLink=""><strong>Virtual Auditor</strong></a></div>
<div></logo></div>
<div><links></div>
<div><ulclass="navbar-nav ml-auto"></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Incorporation<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="private-limited-company-registration"class="dropdown-item"mdbRippleRadius>Private Limited Company</a></div>
<div><arouterLink="one-person-company"class="dropdown-item"mdbRippleRadius>One Person Company</a></div>
<div><arouterLink="limited-liability-partnership"class="dropdown-item"mdbRippleRadius>Limited Liability Partnership</a></div>
<div><arouterLink="partnership-registration"class="dropdown-item"mdbRippleRadius>Partnership</a></div>
<div><arouterLink="proprietorship-registration-india-sole-proprietorship"class="dropdown-item"mdbRippleRadius>Sole Properitorship</a></div>
<div><arouterLink="public-limited-company"class="dropdown-item"mdbRippleRadius>Public Limited Company</a></div>
<div><arouterLink="nidhi-company-registration"class="dropdown-item"mdbRippleRadius>Nidhi Company</a></div>
<div><arouterLink="producer-company-registration"class="dropdown-item"mdbRippleRadius>Producer Company</a></div>
<div></div></div>
<div></li></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Registrations<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="gst-registration"class="dropdown-item"mdbRippleRadius>GST Registration</a></div>
<div><arouterLink="gst-registration-for-foreigners"class="dropdown-item"mdbRippleRadius>GST Registration for Foreginer</a></div>
<div><arouterLink="temporary-gst-registration"class="dropdown-item"mdbRippleRadius>Temporary GST Registration</a></div>
<div><arouterLink="tan-registration"class="dropdown-item"mdbRippleRadius>TAN Registration</a></div>
<div><arouterLink="professional-tax-registration"class="dropdown-item"mdbRippleRadius>Professional Tax</a></div>
<div><arouterLink="esi-registration"class="dropdown-item"mdbRippleRadius>ESI Registration</a></div>
<div><arouterLink="msme-registration"class="dropdown-item"mdbRippleRadius>MSME Registration</a></div>
<div><arouterLink="import-export-code"class="dropdown-item"mdbRippleRadius>Import Export Code</a></div>
<div><arouterLink="fssai"class="dropdown-item"mdbRippleRadius>FSSAI Registration</a></div>
<div><arouterLink="digital-signature"class="dropdown-item"mdbRippleRadius>Digital Signature</a></div>
<div></div></div>
<div></li></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Trademark & Copyright<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="trademark-registration"class=" dropdown-item"mdbRippleRadius>Trademark Registration</a></div>
<div><arouterLink="trademark-rectification"class=" dropdown-item"mdbRippleRadius>Trademark Rectification</a></div>
<div><arouterLink="trademark-objection"class=" dropdown-item"mdbRippleRadius> Trademark Objection</a></div>
<div><arouterLink="trademark-opposition"class=" dropdown-item"mdbRippleRadius>Trademark Opposition</a></div>
<div><arouterLink="trademark-renewal"class=" dropdown-item"mdbRippleRadius>Trademark Renewal</a></div>
<div><arouterLink="copyright-registration"class=" dropdown-item"mdbRippleRadius>Copyright Registration</a></div>
<div><arouterLink="about"class=" dropdown-item"mdbRippleRadius> Design Registration</a></div>
<div><arouterLink="provisional-patent-registration"class=" dropdown-item"mdbRippleRadius>Provisional Patent</a></div>
<div><arouterLink="patent-registration"class=" dropdown-item"mdbRippleRadius>Patent Registration</a></div>
<div></div></div>
<div></li></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Tax Filing<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="gst-return-filing"class=" dropdown-item"mdbRippleRadius> GST Filing</a></div>
<div><arouterLink="cancel-gst-registration"class=" dropdown-item"mdbRippleRadius> Cancel GST Registration</a></div>
<div><arouterLink="tds-return-filing-due-date"class=" dropdown-item"mdbRippleRadius> TDS Return</a></div>
<div><arouterLink="esi-return-filing-due-date"class=" dropdown-item"mdbRippleRadius>ESI Return</a></div>
<div></div></div>
<div></li></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Corproate Filing<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="company-name-change"class=" dropdown-item"mdbRippleRadius>Name Change</a></div>
<div><arouterLink="registered-office"class=" dropdown-item"mdbRippleRadius> Registered Office Change</a></div>
<div><arouterLink="appointment-of-director"class=" dropdown-item"mdbRippleRadius>Add Directors</a></div>
<div><arouterLink="resignation-of-director"class=" dropdown-item"mdbRippleRadius>Remove Directors</a></div>
<div><arouterLink="company-share-transfer"class=" dropdown-item"mdbRippleRadius>Share Transfer</a></div>
<div><arouterLink="memorandum-of-association-amendment"class=" dropdown-item"mdbRippleRadius>MOA Amendment</a></div>
<div><arouterLink="add-partner-llp"class=" dropdown-item"mdbRippleRadius> Add Partner</a></div>
<div><arouterLink="winding-up-of-a-company"class=" dropdown-item"mdbRippleRadius>Winding Up of Company</a></div>
<div><arouterLink="llp-winding-up"class=" dropdown-item"mdbRippleRadius>Winding Up of LLP</a></div>
<div><arouterLink="authorized-capital"class=" dropdown-item"mdbRippleRadius>Increase Authorized Capital</a></div>
<div></div></div>
<div></li></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Compliance<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="proprietorship-tax-return-filing"class=" dropdown-item"mdbRippleRadius>Proprietorship</a></div>
<div><arouterLink="partnership-tax-return-filing"class=" dropdown-item"mdbRippleRadius> Partnership</a></div>
<div><arouterLink="llp-annual-filing"class=" dropdown-item"mdbRippleRadius>Limited Liability Partnership</a></div>
<div><arouterLink="company-annual-filing"class=" dropdown-item"mdbRippleRadius>Private Limited Company</a></div>
<div></div></div>
<div></li></div>
<div><liclass="nav-item dropdown"dropdown></div>
<div><adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius></div>
<div>Accounting<span class="caret"></span></a></div>
<div><div *dropdownMenuclass="dropdown-menu dropdown dropdown-primary"role="menu"></div>
<div><arouterLink="accounting-bookkeeping-services"class="waves-effect"mdbRippleRadius>Maintain your Accounts</a></div>
<div><arouterLink="payroll-service"class="waves-effect"mdbRippleRadius> Payroll Service</a></div>
<div></div></div>
<div></li></div>
<div></ul></div>
<div></links></div>
<div></mdb-navbar></div>
<div></header></div>
<div></div>
<div><router-outlet></router-outlet></div>
<div></div>
<div><section class="section text-center pb-4 white-text" style="background: linear-gradient(to right, #1976d2 , #2377C9);margin-top:30px;"></div>
<div></div>
<div></div>
<div><h1class="section-heading h1 pt-4 white-text">SEE WHY 20,000 + STARTUPS LOVE US</h1></div>
<div></div>
<div><divclass="row"></div>
<div></div>
<div></div>
<div><mdb-carouselclass="carousel no-flex testimonial-carousel carousel-multi-item multi-animation slide wow fadeIn" [type]="'carousel-multi-item'" [animation]="'slide'"></div>
<div></div>
<div><mdb-slide></div>
<div></div>
<div><divclass="col-md-4"></div>
<div></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(26).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Anna Deynah</h4></div>
<div><h6class="white-text font-bold">Web Designer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star-half-full"></i></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 clearfix d-none d-md-block"></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>John Doe</h4></div>
<div><h6class="white-text font-bold">Web Developer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 clearfix d-none d-md-block"></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Abbey Clark</h4></div>
<div><h6class="white-text font-bold">Photographer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star-o"></i></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div>
<div></mdb-slide></div>
<div></div>
<div></div>
<div><mdb-slide></div>
<div></div>
<div><divclass="col-md-4"></div>
<div></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(4).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Blake Dabney</h4></div>
<div><h6class="white-text font-bold">Web Designer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis laboriosam.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star-half-full"></i></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 clearfix d-none d-md-block"></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(6).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Andrea Clay</h4></div>
<div><h6class="white-text font-bold">Front-end developer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur quae.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 clearfix d-none d-md-block"></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(7).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Cami Gosse</h4></div>
<div><h6class="white-text font-bold">Phtographer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star-o"></i></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div>
<div></mdb-slide></div>
<div></div>
<div></div>
<div><mdb-slide></div>
<div></div>
<div><divclass="col-md-4"></div>
<div></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(8).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Bobby Haley</h4></div>
<div><h6class="white-text font-bold">Web Developer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur quae.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 clearfix d-none d-md-block"></div>
<div><divclass="testimonial"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(10).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Elisa Janson</h4></div>
<div><h6class="white-text font-bold">Marketer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star-half-full"></i></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 clearfix d-none d-md-block"></div>
<div><divclass="testimonial white-text"></div>
<div></div>
<div><divclass="avatar"></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(9).jpg"class="rounded-circle img-fluid"></div>
<div></div></div>
<div></div>
<div><h4>Robert Jacobs</h4></div>
<div><h6class="white-text font-bold">Front-end developer</h6></div>
<div><pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis laboriosam.</p></div>
<div></div>
<div></div>
<div><divclass="white-text"></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star"></i></div>
<div><iclass="fa fa-star-o"></i></div>
<div></div></div>
<div></div></div>
<div></div></div>
<div></div>
<div></mdb-slide></div>
<div></div>
<div></mdb-carousel></div>
<div></div>
<div></div>
<div></div></div>
<div></section></div>
<div></div>
<div></div>
<div><section class="section container text-center pb-3"></div>
<div></div>
<div><h2class="section-heading h1 pt-4">Recent posts</h2></div>
<div></div>
<div><pclass="section-description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
<div></div>
<div></div>
<div><divclass="row"></div>
<div></div>
<div></div>
<div><divclass="col-lg-4 col-md-12 mb-r"></div>
<div></div>
<div><divclass="view overlay hm-white-slight mb-2 waves-light"mdbRippleRadius></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(131).jpg"alt="First sample image"></div>
<div><a></div>
<div><divclass="mask"></div></div>
<div></a></div>
<div></div></div>
<div></div>
<div></div>
<div><ahref=""class="pink-text"><h6class="mb-3 mt-3"><iclass="fa fa-map "></i><strong> Adventure</strong></h6></a></div>
<div><h4class="mb-3">This is title of the news</h4></div>
<div><p>by <a><strong>Billy Forester</strong></a>, 15/07/2016</p></div>
<div><p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus voluptas.</p></div>
<div><aclass="btn btn-pink btn-rounded waves-light"mdbRippleRadius>Read more</a></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-lg-4 col-md-6 mb-r"></div>
<div></div>
<div><divclass="view overlay hm-white-slight mb-2 waves-light"mdbRippleRadius></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Others/img%20(33).jpg"alt="Second sample image"></div>
<div><a></div>
<div><divclass="mask"></div></div>
<div></a></div>
<div></div></div>
<div></div>
<div></div>
<div><ahref=""class="deep-orange-text"><h6class="mb-3 mt-3"><iclass="fa fa-graduation-cap"></i><strong> Education</strong></h6></a></div>
<div><h4class="mb-3">This is title of the news</h4></div>
<div><p>by <a><strong>Billy Forester</strong></a>, 12/07/2016</p></div>
<div><p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p></div>
<div><aclass="btn btn-deep-orange btn-rounded waves-light"mdbRippleRadius>Read more</a></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-lg-4 col-md-6 mb-r"></div>
<div></div>
<div><divclass="view overlay hm-white-slight mb-2 waves-light"mdbRippleRadius></div>
<div><imgsrc="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(33).jpg"alt="Thrid sample image"></div>
<div><a></div>
<div><divclass="mask"></div></div>
<div></a></div>
<div></div></div>
<div></div>
<div></div>
<div><ahref=""class="cyan-text"><h6class="mb-3 mt-3"><iclass="fa fa-fire "></i><strong> Culture</strong></h6></a></div>
<div><h4class="mb-3">This is title of the news</h4></div>
<div><p>by <a><strong>Billy Forester</strong></a>, 10/07/2016</p></div>
<div><p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, quia consequuntur magni dolores eos qui ratione voluptatem.</p></div>
<div><aclass="btn btn-info btn-rounded waves-light"mdbRippleRadius>Read more</a></div>
<div></div></div>
<div></div>
<div></div>
<div></div></div>
<div></div>
<div></div>
<div></section></div>
<div></div>
<div></div>
<div></div>
<div><footer class="page-footer bg-dark center-on-small-only"></div>
<div></div>
<div><section class="section feature-box"></div>
<div></div>
<div><divclass="row features-small"></div>
<div></div>
<div></div>
<div><divclass="col-md-4 mb-r"></div>
<div><divclass="col-1 col-md-2 float-left"></div>
<div><iclass="fa fa-heartbeat white-text"></i></div>
<div></div></div>
<div><divclass="col-10 col-md-9 col-lg-10 float-right"></div>
<div><h4class="feature-title">300+ Strong Team</h4></div>
<div><pclass="white-text">300+ in-house team members with a network of over 6000+ Professionals.</p></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 mb-r"></div>
<div><divclass="col-1 col-md-2 float-left"></div>
<div><iclass="fa fa-shield white-text"></i></div>
<div></div></div>
<div><divclass="col-10 col-md-9 col-lg-10 float-right"></div>
<div><h4class="feature-title">24/7 Support</h4></div>
<div><pclass="white-text">Get support through phone, email, mobile app or live chat - 24/7, 365 days.</p></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div>
<div></div>
<div><divclass="col-md-4 mb-r"></div>
<div><divclass="col-1 col-md-2 float-left"></div>
<div><iclass="fa fa-credit-card white-text"></i></div>
<div></div></div>
<div><divclass="col-10 col-md-9 col-lg-10 float-right"></div>
<div><h4class="feature-title">EMI Payment</h4></div>
<div><pclass="white-text">Easily pay online with EMI payments, credit or debit card, net banking, PayPal and more.</p></div>
<div></div></div>
<div></div></div>
<div></div>
<div></div>
<div></div></div>
<div></div>
<div></div>
<div></section></div>
<div></div>
<div><hr></div>
<div></div>
<div><divclass="text-center mb-3"></div>
<div><aclass="btn-floating btn-small btn-fb waves-light"mdbRippleRadius><iclass="fa fa-facebook"></i></a></div>
<div><aclass="btn-floating btn-small btn-tw waves-light"mdbRippleRadius><iclass="fa fa-twitter"></i></a></div>
<div><aclass="btn-floating btn-small btn-gplus waves-light"mdbRippleRadius><iclass="fa fa-google-plus"></i></a></div>
<div><aclass="btn-floating btn-small btn-li waves-light"mdbRippleRadius><iclass="fa fa-linkedin"></i></a></div>
<div></div></div>
<div></div>
<div></div>
<div><divclass="footer-copyright"></div>
<div><divclass="container-fluid"></div>
<div>© 2018 Copyright: <a href="https://www.virtualauditor.in"> Virtual Auditor Private Limited </a></div>
<div></div></div>
<div></div></div>
<div></div>
<div></footer></div>
<div></div>
<div></div>
</div>

Please insert min. 20 characters.

<mdb-navbarSideClass="navbar fixed-top navbar-expand-lg navbar-dark bg-blue scrolling-navbar intro-fixed-nav" [containerInside]="false">

<logo>

<aclass="logo navbar-brand"routerLink=""><strong>Virtual Auditor</strong></a>

</logo>

<links>

<ulclass="navbar-nav ml-auto">

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Incorporation<span class="caret"></span></a>

<arouterLink="private-limited-company-registration"class="dropdown-item"mdbRippleRadius>Private Limited Company</a>

<arouterLink="one-person-company"class="dropdown-item"mdbRippleRadius>One Person Company</a>

<arouterLink="limited-liability-partnership"class="dropdown-item"mdbRippleRadius>Limited Liability Partnership</a>

<arouterLink="partnership-registration"class="dropdown-item"mdbRippleRadius>Partnership</a>

<arouterLink="proprietorship-registration-india-sole-proprietorship"class="dropdown-item"mdbRippleRadius>Sole Properitorship</a>

<arouterLink="public-limited-company"class="dropdown-item"mdbRippleRadius>Public Limited Company</a>

<arouterLink="nidhi-company-registration"class="dropdown-item"mdbRippleRadius>Nidhi Company</a>

<arouterLink="producer-company-registration"class="dropdown-item"mdbRippleRadius>Producer Company</a>

</div>

</li>

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Registrations<span class="caret"></span></a>

<arouterLink="gst-registration"class="dropdown-item"mdbRippleRadius>GST Registration</a>

<arouterLink="gst-registration-for-foreigners"class="dropdown-item"mdbRippleRadius>GST Registration for Foreginer</a>

<arouterLink="temporary-gst-registration"class="dropdown-item"mdbRippleRadius>Temporary GST Registration</a>

<arouterLink="tan-registration"class="dropdown-item"mdbRippleRadius>TAN Registration</a>

<arouterLink="professional-tax-registration"class="dropdown-item"mdbRippleRadius>Professional Tax</a>

<arouterLink="esi-registration"class="dropdown-item"mdbRippleRadius>ESI Registration</a>

<arouterLink="msme-registration"class="dropdown-item"mdbRippleRadius>MSME Registration</a>

<arouterLink="import-export-code"class="dropdown-item"mdbRippleRadius>Import Export Code</a>

<arouterLink="fssai"class="dropdown-item"mdbRippleRadius>FSSAI Registration</a>

<arouterLink="digital-signature"class="dropdown-item"mdbRippleRadius>Digital Signature</a>

</div>

</li>

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Trademark & Copyright<span class="caret"></span></a>

<arouterLink="trademark-registration"class=" dropdown-item"mdbRippleRadius>Trademark Registration</a>

<arouterLink="trademark-rectification"class=" dropdown-item"mdbRippleRadius>Trademark Rectification</a>

<arouterLink="trademark-objection"class=" dropdown-item"mdbRippleRadius> Trademark Objection</a>

<arouterLink="trademark-opposition"class=" dropdown-item"mdbRippleRadius>Trademark Opposition</a>

<arouterLink="trademark-renewal"class=" dropdown-item"mdbRippleRadius>Trademark Renewal</a>

<arouterLink="copyright-registration"class=" dropdown-item"mdbRippleRadius>Copyright Registration</a>

<arouterLink="about"class=" dropdown-item"mdbRippleRadius> Design Registration</a>

<arouterLink="provisional-patent-registration"class=" dropdown-item"mdbRippleRadius>Provisional Patent</a>

<arouterLink="patent-registration"class=" dropdown-item"mdbRippleRadius>Patent Registration</a>

</div>

</li>

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Tax Filing<span class="caret"></span></a>

<arouterLink="gst-return-filing"class=" dropdown-item"mdbRippleRadius> GST Filing</a>

<arouterLink="cancel-gst-registration"class=" dropdown-item"mdbRippleRadius> Cancel GST Registration</a>

<arouterLink="tds-return-filing-due-date"class=" dropdown-item"mdbRippleRadius> TDS Return</a>

<arouterLink="esi-return-filing-due-date"class=" dropdown-item"mdbRippleRadius>ESI Return</a>

</div>

</li>

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Corproate Filing<span class="caret"></span></a>

<arouterLink="company-name-change"class=" dropdown-item"mdbRippleRadius>Name Change</a>

<arouterLink="registered-office"class=" dropdown-item"mdbRippleRadius> Registered Office Change</a>

<arouterLink="appointment-of-director"class=" dropdown-item"mdbRippleRadius>Add Directors</a>

<arouterLink="resignation-of-director"class=" dropdown-item"mdbRippleRadius>Remove Directors</a>

<arouterLink="company-share-transfer"class=" dropdown-item"mdbRippleRadius>Share Transfer</a>

<arouterLink="memorandum-of-association-amendment"class=" dropdown-item"mdbRippleRadius>MOA Amendment</a>

<arouterLink="add-partner-llp"class=" dropdown-item"mdbRippleRadius> Add Partner</a>

<arouterLink="winding-up-of-a-company"class=" dropdown-item"mdbRippleRadius>Winding Up of Company</a>

<arouterLink="llp-winding-up"class=" dropdown-item"mdbRippleRadius>Winding Up of LLP</a>

<arouterLink="authorized-capital"class=" dropdown-item"mdbRippleRadius>Increase Authorized Capital</a>

</div>

</li>

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Compliance<span class="caret"></span></a>

<arouterLink="proprietorship-tax-return-filing"class=" dropdown-item"mdbRippleRadius>Proprietorship</a>

<arouterLink="partnership-tax-return-filing"class=" dropdown-item"mdbRippleRadius> Partnership</a>

<arouterLink="llp-annual-filing"class=" dropdown-item"mdbRippleRadius>Limited Liability Partnership</a>

<arouterLink="company-annual-filing"class=" dropdown-item"mdbRippleRadius>Private Limited Company</a>

</div>

</li>

<liclass="nav-item dropdown"dropdown>

<adropdownTogglemdbRippleRadiustype="button"class="nav-link dropdown-toggle waves-light"mdbRippleRadius>

Accounting<span class="caret"></span></a>

<arouterLink="accounting-bookkeeping-services"class="waves-effect"mdbRippleRadius>Maintain your Accounts</a>

<arouterLink="payroll-service"class="waves-effect"mdbRippleRadius> Payroll Service</a>

</div>

</li>

</ul>

</links>

</mdb-navbar>

</header>

<router-outlet></router-outlet>

<h1class="section-heading h1 pt-4 white-text">SEE WHY 20,000 + STARTUPS LOVE US</h1>

<divclass="row">

<mdb-carouselclass="carousel no-flex testimonial-carousel carousel-multi-item multi-animation slide wow fadeIn" [type]="'carousel-multi-item'" [animation]="'slide'">

<mdb-slide>

<divclass="col-md-4">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(26).jpg"class="rounded-circle img-fluid">

</div>

<h4>Anna Deynah</h4>

<h6class="white-text font-bold">Web Designer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

<iclass="fa fa-star-half-full"></i>

</div>

<divclass="col-md-4 clearfix d-none d-md-block">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).jpg"class="rounded-circle img-fluid">

</div>

<h6class="white-text font-bold">Web Developer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

</div>

<divclass="col-md-4 clearfix d-none d-md-block">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).jpg"class="rounded-circle img-fluid">

</div>

<h4>Abbey Clark</h4>

<h6class="white-text font-bold">Photographer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

<iclass="fa fa-star-o"></i>

</div>

</mdb-slide>

<mdb-slide>

<divclass="col-md-4">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(4).jpg"class="rounded-circle img-fluid">

</div>

<h4>Blake Dabney</h4>

<h6class="white-text font-bold">Web Designer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis laboriosam.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

<iclass="fa fa-star-half-full"></i>

</div>

<divclass="col-md-4 clearfix d-none d-md-block">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(6).jpg"class="rounded-circle img-fluid">

</div>

<h4>Andrea Clay</h4>

<h6class="white-text font-bold">Front-end developer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur quae.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

</div>

<divclass="col-md-4 clearfix d-none d-md-block">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(7).jpg"class="rounded-circle img-fluid">

</div>

<h4>Cami Gosse</h4>

<h6class="white-text font-bold">Phtographer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

<iclass="fa fa-star-o"></i>

</div>

</mdb-slide>

<mdb-slide>

<divclass="col-md-4">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(8).jpg"class="rounded-circle img-fluid">

</div>

<h4>Bobby Haley</h4>

<h6class="white-text font-bold">Web Developer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic tenetur quae.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

</div>

<divclass="col-md-4 clearfix d-none d-md-block">

<divclass="testimonial">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(10).jpg"class="rounded-circle img-fluid">

</div>

<h4>Elisa Janson</h4>

<h6class="white-text font-bold">Marketer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

<iclass="fa fa-star-half-full"></i>

</div>

<divclass="col-md-4 clearfix d-none d-md-block">

<divclass="testimonial white-text">

<divclass="avatar">

<imgsrc="https://mdbootstrap.com/img/Photos/Avatars/img%20(9).jpg"class="rounded-circle img-fluid">

</div>

<h4>Robert Jacobs</h4>

<h6class="white-text font-bold">Front-end developer</h6>

<pclass="white-text"><iclass="fa fa-quote-left white-text"></i> Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis laboriosam.</p>

<divclass="white-text">

<iclass="fa fa-star"></i>

<iclass="fa fa-star-o"></i>

</div>

</mdb-slide>

</mdb-carousel>

</div>

</section>

<h2class="section-heading h1 pt-4">Recent posts</h2>

<pclass="section-description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

<divclass="row">

<divclass="col-lg-4 col-md-12 mb-r">

<divclass="view overlay hm-white-slight mb-2 waves-light"mdbRippleRadius>

<imgsrc="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(131).jpg"alt="First sample image">

<a>

<divclass="mask"></div>

</a>

</div>

<ahref=""class="pink-text"><h6class="mb-3 mt-3"><iclass="fa fa-map "></i><strong> Adventure</strong></h6></a>

<h4class="mb-3">This is title of the news</h4>

<p>by <a><strong>Billy Forester</strong></a>, 15/07/2016</p>

<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus voluptas.</p>

<aclass="btn btn-pink btn-rounded waves-light"mdbRippleRadius>Read more</a>

</div>

<divclass="col-lg-4 col-md-6 mb-r">

<divclass="view overlay hm-white-slight mb-2 waves-light"mdbRippleRadius>

<imgsrc="https://mdbootstrap.com/img/Photos/Others/img%20(33).jpg"alt="Second sample image">

<a>

<divclass="mask"></div>

</a>

</div>

<ahref=""class="deep-orange-text"><h6class="mb-3 mt-3"><iclass="fa fa-graduation-cap"></i><strong> Education</strong></h6></a>

<h4class="mb-3">This is title of the news</h4>

<p>by <a><strong>Billy Forester</strong></a>, 12/07/2016</p>

<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores.</p>

<aclass="btn btn-deep-orange btn-rounded waves-light"mdbRippleRadius>Read more</a>

</div>

<divclass="col-lg-4 col-md-6 mb-r">

<divclass="view overlay hm-white-slight mb-2 waves-light"mdbRippleRadius>

<imgsrc="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(33).jpg"alt="Thrid sample image">

<a>

<divclass="mask"></div>

</a>

</div>

<ahref=""class="cyan-text"><h6class="mb-3 mt-3"><iclass="fa fa-fire "></i><strong> Culture</strong></h6></a>

<h4class="mb-3">This is title of the news</h4>

<p>by <a><strong>Billy Forester</strong></a>, 10/07/2016</p>

<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, quia consequuntur magni dolores eos qui ratione voluptatem.</p>

<aclass="btn btn-info btn-rounded waves-light"mdbRippleRadius>Read more</a>

</div>

</div>

</section>

<divclass="row features-small">

<divclass="col-md-4 mb-r">

<divclass="col-1 col-md-2 float-left">

<iclass="fa fa-heartbeat white-text"></i>

</div>

<divclass="col-10 col-md-9 col-lg-10 float-right">

<h4class="feature-title">300+ Strong Team</h4>

<pclass="white-text">300+ in-house team members with a network of over 6000+ Professionals.</p>

</div>

<divclass="col-md-4 mb-r">

<divclass="col-1 col-md-2 float-left">

<iclass="fa fa-shield white-text"></i>

</div>

<divclass="col-10 col-md-9 col-lg-10 float-right">

<h4class="feature-title">24/7 Support</h4>

<pclass="white-text">Get support through phone, email, mobile app or live chat - 24/7, 365 days.</p>

</div>

<divclass="col-md-4 mb-r">

<divclass="col-1 col-md-2 float-left">

<iclass="fa fa-credit-card white-text"></i>

</div>

<divclass="col-10 col-md-9 col-lg-10 float-right">

<h4class="feature-title">EMI Payment</h4>

<pclass="white-text">Easily pay online with EMI payments, credit or debit card, net banking, PayPal and more.</p>

</div>

</div>

</section>

<hr>

<divclass="text-center mb-3">

<aclass="btn-floating btn-small btn-fb waves-light"mdbRippleRadius><iclass="fa fa-facebook"></i></a>

<aclass="btn-floating btn-small btn-tw waves-light"mdbRippleRadius><iclass="fa fa-twitter"></i></a>

<aclass="btn-floating btn-small btn-gplus waves-light"mdbRippleRadius><iclass="fa fa-google-plus"></i></a>

<aclass="btn-floating btn-small btn-li waves-light"mdbRippleRadius><iclass="fa fa-linkedin"></i></a>

</div>

<divclass="footer-copyright">

<divclass="container-fluid">

</div>

</footer>

Damian Gemza staff commented 6 years ago

Dear rockrude, Please paste me this code using

 formatting. I'm unable to use it now.
Best Regards,
Damian


                          
                            
Dear rockrude, 
Please paste me this code using <code> formatting. I'm unable to use it now.
Best Regards,
Damian

                            
                              Please insert min. 15 characters.
                            
                            
                          
                          
                        
                      
                      
                        
                          
                        
                        
                          
                            Add comment


                
              
                
                
                
                  
                  
                    
                      
                      rockrude
                      pro
                        answered 6 years ago
                    
                    
                      
                        
                          
                            0
                          
                          
                        
                        
                          
                            0
                          
                          
                        
                      
                      
                        
                          Best answer
                          
                        
                      
                    
                  

                  

                  
                    
                    
                      
                      
Please have a look at these screenshots taken via a 5inch mobile.

https://drive.google.com/open?id=1j6bqd53dFiPg8NI2uXRx12_zEw64S978

 

I am expecting it to behave like the way it does in the sidebar!

 

                      
                        Please insert min. 20 characters.
                      
                      
                        
                      
                    
                    
                  
                  
                  
                    Please have a look at these screenshots taken via a 5inch mobile.

https://drive.google.com/open?id=1j6bqd53dFiPg8NI2uXRx12_zEw64S978

 

I am expecting it to behave like the way it does in the sidebar!

 
                    
                      
                    
                    
                    
                      
                      
                        
                        
                          
                          
                          
                            
                              Damian Gemza
                              staff
                              commented 6 years ago
                              
                            
                            Dear Rockrude, why your dropdown isn't hidden in hamburger? Please show me your code.
Best Regards,
Damian
                          
                          
                            
Dear Rockrude, why your dropdown isn't hidden in hamburger? Please show me your code.
Best Regards,
Damian

                            
                              Please insert min. 15 characters.
                            
                            
                          
                          
                        
                      
                      
                        
                          
                        
                        
                          
                            Add comment
                          
                        
                      
                    
                    
                  
                  
                
                
              
                
                
                
                  
                  
                    
                      
                      Damian Gemza
                      staff
                        answered 6 years ago
                    
                    
                      
                        
                          
                            0
                          
                          
                        
                        
                          
                            0
                          
                          
                        
                      
                      
                        
                          Best answer
                          
                        
                      
                    
                  

                  

                  
                    
                    
                      
                      
Dear rockrude, please provide me more information about your problem. What does it mean that it looks quite odd?  Please provide me some screenshots, code, environment information. Without this I'm unable to help you well.

Best Regards,

Damian

                      
                        Please insert min. 20 characters.
                      
                      
                        
                      
                    
                    
                  
                  
                  
                    Dear rockrude, please provide me more information about your problem. What does it mean that it looks quite odd?  Please provide me some screenshots, code, environment information. Without this I'm unable to help you well.

Best Regards,

Damian
                    
                      
                    
                    
                    
                      
                      
                      
                        
                        
                          
                            Add comment
                          
                        
                      
                    
                    
                  
                  
                
                
              
            
            
              
              
                
                
                  
  
    
      
    
    
      
    
    
      
    
  
  
    
      
    
    
      
    
    
      
    
  
  
    
      
    
    
      
    
    
      
    
  
  
    
      
    
    
      
    
    
      
    
  

                
                
                
                
                  Write
                  
                     Create snippet
                  
                
                
                
                
                  
                    
                    
                      
                      
                      

                      
                        Please insert min. 20 characters.
                      
                      
                        
                          Post


          
          
          

            

  
  
    
      FREE CONSULTATION
      Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
    
  
  




  
    
      
      
      
      
      
    
  
  
  
  



            
            
              
              Status
              
              
              
                
                  
                    
                    Answered
                  
                  
                
                
              
            
            

            
            
            
              
              Specification of the issue
              
              
                
                  
                    ForumUser:
                    
                      Pro
                    
                  
                  
                    Premium support:
                    
                      No
                    
                  
                  
                    Technology:
                    
                      MDB Angular
                    
                  
                  
                    MDB Version:
                    
                      -
                    
                  
                  
                    Device:
                    
                      -
                    
                  
                  
                    Browser:
                    
                      -
                    
                  
                  
                    OS:
                    
                      -
                    
                  
                  
                    Provided sample code:
                    
                      No
                    
                  
                  
                    Provided link:
                    
                      No
                    
                  
                
              
              
              
              
                
                
                  
                  Tags
                  
                  
                  
                    
                  
                
                
              

              
              
                
                
                  
                  About author
                  
                  
                  
                    
                  
                  
                    
                    
                      
                        rockrude
                      
                    
                    
                    
                    Pro User
                    
                    

                    
                    
                      32Support score
                    
                    

                    
                      8Questions
                    
                    
                      3Answers
                    

                    
                    
                      0Snippets