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 and thirty-two 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 seven hundred and sixty-three 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 two hundred and fifty-one 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-four thousand seven hundred and ninety 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 Tianxing Studio zblog pure blog theme vue3+applet dual version 03-19 -
two Error causes and solutions of introducing vant into vue3 project 03-12 -
three Tianxing Studio zblog encyclopedia theme can be matched with member plug-ins to realize knowledge payment profitability 03-06 -
four How does zblog intercept a summary with a specified number of words? Introduction to the custom interception method of zblog summary 02-29 -
five Tianxing Studio 2023 Double 11 Event: 50% discount coupons 11-05 -
six Tencent Cloud 2023 Double 11 Activity: 2H2G3M lightweight server 88 new users for one year 11-05 -
seven AliCloud 2023 Double 11 Activity: 2-core 2G3M bandwidth ECS 99 yuan/year! 10-31 -
eight Tianxing Studio zblog free login paid reading plug-in supports Alipay WeChat payment Hupi Pepper payment 10-09 -
nine [Offline] Tianxing Studio 2023 Double Festival Activity: 50% discount coupon 09-29
-
Label aggregation -
×1 Play blog ×1 Dedecms encoding ×1 Zblog administrator ×1 Zblog judgment ×1 Free zblog template ×1 Comment real name system ×1 Zblog folder ×1 after-sale service ×1 Administrator level ×1 XML-RPC protocol address ×1 Applet plug-in ×1 Red brown yellow color matching ×1 The hottest article ×1 Zblogphp download ×1 Domain name registration ×1 Text around picture ×1 Zblog comment field ×1 Merchant private key ×1 Zblog Dark Mode ×1 360 Browser
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