badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Issues integrating bootstrap

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #44314
    mahy_nicolas
    Participant

    When I integrate bootstrap, by adding these lines in the header:
    <!– Latest compiled and minified CSS –>
    <link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”&gt;

    <!– jQuery library –>
    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script&gt;

    <!– Latest compiled JavaScript –>
    <script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script&gt;

    The Menu dropdown functions doesn’t work anymore:
    http://www.movefit.be/index.php/trainingsschema/

    When I hover ‘Aanbod’, I can’t select the list below.

    #44327

    Hi Mahy_nicolas,

    How you want to show your drop-down menu? also are you sure that menu drop-down functions will work fine after pasting above scripts and CSS.

    Thank you!

    #44746
    mahy_nicolas
    Participant

    Hi,

    Sorry for the late respons, I didn’t receive an notification of your answer.

    When I integrate the bootstrap scripts, like I did on http://www.movefit.be/index.php/trainingsschema/:

    <!– Latest compiled and minified CSS –>
    <link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css”>

    <!– jQuery library –>
    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>

    <!– Latest compiled JavaScript –>
    <script src=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js”></script>

    I can’t use the dropdown menu. When I hover ‘Aanbod’, I can’t select the items in the dropdown menu.
    But when the scripts aren’t integrated, like on my other pages, it works fine.

    So how can I integrate the bootstrap scripts, with the menu still working properly?

    #44931

    Hi Mahy,

    Sorry for the late reply we missed your topic.
    To fix the issue that you are having in the menu please go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:

    .container {
        padding: 0;
    }
    #access li {
        margin-left: 10px;
    }
    #access a {
        box-sizing: content-box;
    }

    Thank you!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.