CODEWITHSUNDEEP
javascriptcsshtmlblogger
Dendy Romadhon
Dendy Romadhon

Reputation: 31

Menu navigation error in mobile device

I had some problems on the blog in mobile display Can be seen in the picture.

xxxCEKABEL UIxxx

Problem:

Site : http://cekabel.blogspot.com

Source: http://pastebin.com/AYJjMsL0

Upvotes: 3

Views: 225

Answers (4)

user6144987
user6144987

Reputation:

Add this CSS code before </head>

<style type="text/css">
    a.menu-slide {
        display: block !important;
    }
    .show {
       display: block !important;
    }
</style>

Add this javascript code before </body>

<script type="text/javascript">
//<![CDATA[
    $('#pull').click(function() {
        $('.top-menunavi ul').toggleClass('show');
    });
    $('.menu-slide').click(function() {
        $('.arlina-mainmenu').toggleClass('show');
    });
//]]>
</script>

enter image description here

Upvotes: 0

Jatin Kalra
Jatin Kalra

Reputation: 186

call this function on click event :

jQuery('.top-menunavi > ul').toggleClass('active');

Upvotes: 0

rafaelfndev
rafaelfndev

Reputation: 739

Add to your code:

jQuery('#pull').click(function(){
    jQuery('.top-menunavi > ul').toggleClass('active');
});

and to CSS:

.active {
    display: block !important;
}

enter image description here

Upvotes: 0

Sangrai
Sangrai

Reputation: 687

Follow this link and re-arrange the header structure.

For more follow this link:

Toggle menu onclick, close by clicking menu link - but only in mobile view

Hope this will help you!!

Upvotes: 2

Related Questions