.et_pb_fullwidth_menu .mobile_menu_bar:before {
top: 26px;
float: right;
}
.et-search-form, .nav li ul, .et_mobile_menu, .footer-widget li:before, .et_pb_pricing li:before, blockquote {
border-color: #f9f9f9;
}
span.mobile_menu_bar:before {
color: #fff !important;
}
#main-header span.mobile_menu_bar:before{
color: #fff !important;
margin-right:-50px;
}
Showing posts with label menu. Show all posts
Showing posts with label menu. Show all posts
Thursday, 1 February 2018
Wednesday, 24 January 2018
Sunday, 21 January 2018
Collapsing Navigation Menu divi for responsive mobile
https://www.elegantthemes.com/blog/community/divi-mobile-menu-hack-collapsing-nested-sub-menu-items
Wednesday, 17 January 2018
Divi Customize Menu Nav
#main-header
{
border-bottom: solid #161616 5px;
}
span.mobile_menu_bar:before
{
color: #161616 !important;
}
.et_mobile_menu
{
border-top: 3px solid #161616; !important
}
.nav li ul {
border-top: 3px solid #161616;
}
{
border-bottom: solid #161616 5px;
}
span.mobile_menu_bar:before
{
color: #161616 !important;
}
.et_mobile_menu
{
border-top: 3px solid #161616; !important
}
.nav li ul {
border-top: 3px solid #161616;
}
Sunday, 1 December 2013
div scroll menu to section jquery
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jquery scroll to particular position/item when click on link</title>
</head>
<body>
<form id="form1" runat="server">
<div >
<p><a id="top">Menu:</a> <!-- Anchor tag placed around the word "Menu" so menu will always be visible -->
<a href="#middle" class="scroll">Middle</a> <a href="#bottom" class="scroll">Bottom</a></p>
<div style="background-color:#c00; width:50%; height:1500px;">Top</div>
<p><a id="middle">Menu:</a> <!-- Anchor tag placed around the word "Menu" so menu will always be visible -->
<a href="#top" class="scroll">Top</a> <a href="#bottom" class="scroll">Bottom</a></p>
<div style="background-color:#2d80e8; width:50%; height:1500px;">Middle</div>
<p><a id="bottom">Menu:</a> <!-- Anchor tag placed around the word "Menu" so menu will always be visible -->
<a href="#top" class="scroll">Top</a> <a href="#middle" class="scroll">Middle</a>
<div style="background-color:#21b81e; width:50%; height:1500px;">Bottom</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".scroll").click(function(event) {
$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 500);
});
});
</script>
</form>
</body>
</html>
Subscribe to:
Posts (Atom)