Results 1 to 2 of 2

Thread: Bootstrap off canvas issue on mobile only

  1. #1
    Junior Member
    Join Date
    Jun 2016
    Posts
    2

    Bootstrap off canvas issue on mobile only

    Hi, I am new to developing with bootstrap.

    Currently working on a test site and using the bootstrap off canvas for a side menu. The problem I am having is that when I view the site on a mobile device and toggle the off canvas menu It also affects the top navigation section. Basically it makes the nav bar bigger and slides it to the right.

    This is the url of the site I am working on http://176.32.230.52/stratusassociat...ammes/step-up/

    Any suggestions would be a great help!

    Thanks

    Paul

  2. #2
    Junior Member
    Join Date
    Jun 2016
    Posts
    2
    Ok, I seem to have fixed the header display issue by using

    nav { max-width:100vw; }

    However when you toggle the offcanvas section to display. You get horizontal scroll on mobiles only. I have put

    body {
    overflow-x: hidden;
    }

    In my css but not working for mobiles.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •