A very simple and concise adaptive navigation bar
<div class="nav"> <span class="nav-on"><i></i><i></i><i></i></span> <ul> <li><a href="#">Home Page</a></li> <li><a href="#">Column 1</a></li> <li><a href="#">Column 2</a></li> </ul> </div>
$(".nav-on").click(function(){ $(".nav>ul").slideToggle(); });
.nav{line-height:50px;background: #0099cc; position: relative;} .nav li{float:left;} .nav li a{display:block;padding:0 20px; color:#fff;} .nav span.nav-on{display:none;width:20px;position: absolute; top:12px;right:12px;cursor: pointer;} .nav-on i{display:block; width:100%;height:5px;background:#fff;margin-bottom:5px;} /*Phone end css code*/ @media screen and (max-width:768px){ .nav ul{display:none;width:100%;} .nav ul li{width:100%;} .nav span.nav-on{display:block;} }
Can't find a tutorial that can solve your problem?
-
Charging zblogphp template The 9th zblog enterprise theme of Tianxing Studio has its own form to submit email reminders, etc zero 2019-12-11 eleven thousand six hundred and sixty-four Price: four hundred and sixty-eight Online purchase -
Charging zblogphp template Tianxing Studio ppt download template is suitable for sites with resources to sell vips one 2019-10-03 nine thousand nine hundred and thirty-eight Price: one hundred and ninety-nine Online purchase -
Wordpress template Tianxing Studio wordpress download station theme is applicable to software/app/game and other download stations zero 2022-05-06 five thousand nine hundred and six Price: three hundred and fifty-five Online purchase -
Charging zblogphp template Tianxing Studio zblogphp enterprise theme 6 Self configurable atmosphere zblog enterprise theme two 2018-06-26 forty-five thousand one hundred and seventy-two Price: two hundred and fifty-eight Online purchase
Related recommendations
yes one Comments from netizens:
-
Yutang Network 8 years ago (2016-10-26) reply You are very good
welcome you Comment: Cancel Reply
-
Zblog enterprise theme -
Zblog image theme -
Zblog resource topic -
Zblog CMS topic -
Wordpress template -
Zblog video theme -
Zblog Taobao guest theme -
Zblog navigation topic
Select a theme?
-
Latest articles -
Hot article ranking -
Most Comments
-
one Shopping activity on the official website of Tianxing Studio: unlimited number of times and amount of 20% discount coupons 04-17 -
two Tianxing Studio zblog pure blog theme vue3+applet dual version 03-19 -
three Error causes and solutions of introducing vant into vue3 project 03-12 -
four Tianxing Studio zblog encyclopedia theme can be matched with member plug-ins to realize knowledge payment profitability 03-06 -
five How does zblog intercept a summary with a specified number of words? Introduction to the custom interception method of zblog summary 02-29 -
six Tianxing Studio 2023 Double 11 Event: 50% discount coupons 11-05 -
seven Tencent Cloud 2023 Double 11 Activity: 2H2G3M lightweight server 88 new users for one year 11-05 -
eight AliCloud 2023 Double 11 Activity: 2-core 2G3M bandwidth ECS 99 yuan/year! 10-31 -
nine Tianxing Studio zblog free login paid reading plug-in supports Alipay WeChat payment Hupi Pepper payment 10-09
-
Label aggregation -
×1 Enterprise users of zblog ×1 tab ×1 php7.4 ×1 Responsive enterprise theme ×1 Very slow ×1 World online merchants ×1 ZCenter ×1 Pseudo static configuration ×1 Anti-theft chain ×1 motherland ×1 idc ×1 Wiki Theme ×1 Baidu traffic ×1 minitu ×1 sales promotion ×1 Zblog authorization ×1 theme ×1 Zblog is popular this week ×1 fraud ×1 Zba decompression
Latest comments
-
Tianxing Studio 03-21 Yes, it will be repaired in the next version Commented on: Tianxing Studio zblog pure blog theme vue3+applet dual version -
visitor 03-20 This template has multiple side-by-side pictures. No matter which picture you click, the first picture will be displayed. There is no carousel button, and you can only manually close it. System: win7+Firefox Commented on: Tianxing Studio zblog pure blog theme vue3+applet dual version -
Tianxing Studio 01-19 I don't understand. Do you want to create categories in batches? This is not considered by the theme of plug-ins Commented on: Tianxing Studio zblog cms theme charging version supports extreme personalized configuration -
visitor 01-18 It is too troublesome to classify and set one by one. Can you add classification settings in the theme settings. Commented on: Tianxing Studio zblog cms theme charging version supports extreme personalized configuration -
Tianxing Studio 01-16 I don't quite understand your requirements. Please contact our online qq2076496616 to provide the order number to specify your requirements Commented on: Tianxing Studio zblog cms theme charging version supports extreme personalized configuration