Someone who knows the Ulkit framework

Asked

Viewed 44 times

0

I’m starting to learn the Ulkit Css framework, I’m trying to make a responsive menu that adapts to mobile. When you’re in a mobile resolution, you don’t do anything like in the examples that Ulkit does, if someone who understands this framework can help me.

Below the code:

<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/uikit.min.css" />
    <link rel="stylesheet" href="js/uikit.min.js" />
    <script src="uikit.min.js"></script>
</head>
<body>  
    <div class="uk-margin">
        <nav class="uk-navbar">
            <ul class="uk-navbar-nav uk-hidden-small">
                <li class="uk-active"><a href="" class="uk-navbar-nav-subtitle">Active<div>Subtitle</div></a></li>
                <li><a href="" class="uk-navbar-nav-subtitle">Item<div>Subtitle</div></a></li>
            </ul>
            <a href="#offcanvas-1" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
        </nav>
    </div>

    <!-- Era para aparecer um menu lateral -->
    <div id="offcanvas-1" class="uk-offcanvas">
        <div class="uk-offcanvas-bar">
            <div class="uk-panel">Lorem ipsum dolor sit amet, <a href="#">consetetur</a> sadipscing elitr.</div>
        </div>
    </div>
</body>
</html>

css

1 answer

0

Elizer try to use meta tag:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">

And test the site on an emulator like this: http://quirktools.com/screenfly/

If resize the browser itself don’t forget to refresh the page to ensure.

  • It didn’t work Ricardo, I was curious what this meta tag is for?

  • This meta tag manipulates where and to what extent your website appears. This meta tag has a number of content values that you can manipulate in order to customize the look of the site. It should be used in conjunction with the medias queries. This link explains its use in detail: http://tableless.com.br/manipulando-metatag-viewport/

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.