[FIXED] modal dont open in codeigniter

Issue

I'm trying to create a modal but it opens when i´m in the base domain, for example:

The modal opens in the www.example.com

but not open in the

www.example.com/index.php/cart/index and I dont know why

    <div id="myModal" class="modal fade">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4>Select your language</h4>                       
            </div>
            <!--<section>-->
                <div class="modal-body">
                    <div class="col-md-4">
                    <a href="https://www.w3schools.com"><img width=128px height=128px src="https://image.flaticon.com/icons/png/128/323/323329.png" alt="" class="img-responsive none" style='object-fit: contain'/></a>
                    <p>English</p>
                    </div>
                    <div class="col-md-4">
                        <img width=128px height=128px src="https://image.flaticon.com/icons/png/128/323/323329.png" alt="" class="img-responsive none" style='object-fit: contain'/>
                        <p>English</p>
                        </div>
                        <div class="col-md-4">
                            <img width=128px height=128px src="https://image.flaticon.com/icons/png/128/323/323329.png" alt="" class="img-responsive none" style='object-fit: contain'/>
                            <p>English</p>
                            </div>
                <div class="tab_img">
                    
                        <div class="container" style='height: 100%; width: 100%; object-fit: contain'>
                                
                                <div class="overlay">
                                </div>
                            </a>    
                        </div>
                    </div>
                    </div>
                </div>
            
            <!--</section>-->
        </div>
        </div>
    </div>
    </div>

the script that activate the modal

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){     
            event.preventDefault();
    
    
    $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>{/literal}
{literal}<script>
$(document).ready(function(){
    $("#myModal").modal('show');
});
</script>

Solution

Try to check your base_url() in the config.php. Probably the problem is that you are not loading the css correctly.

Answered By - Ricardo Martins