badget

Biggest Sale! Special Offer!

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

Hurry up! *Limited time offer*
View all Themes

Issues integrating bootstrap

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 18, 2016 at 4:25 pm #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.

    April 19, 2016 at 10:41 am #44327
    Theme Horse Support Team
    Keymaster

    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!

    May 8, 2016 at 6:48 pm #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?

    May 18, 2016 at 7:49 am #44931
    Theme Horse Support Team
    Keymaster

    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!

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