.portfolio_nav { display:none; } .top_bar.fixed { position: fixed; animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 0.5s; -webkit-animation-duration: 0.5s; z-index: 999; visibility: visible !important; top: 0px; } .top_bar.fixed #menu_wrapper div .nav { margin-top: 16px; } .top_bar.fixed #searchform { margin-top: 8px; } .top_bar.fixed .header_cart_wrapper { margin-top: 21px; } .top_bar.fixed #menu_wrapper div .nav > li > a { padding-bottom: 24px; } .top_bar.fixed .logo_wrapper img { max-height: 40px; width: auto; } #page_caption .page_title_wrapper { text-align: center} .page_title_inner { float: none; } .top_bar { background-image: url('http://menu_background'); background-repeat: repeat; } #copyright, #footer_menu, .footer_bar_wrapper .social_wrapper { float: none; width: 100%; text-align: center; } .footer_bar_wrapper .social_wrapper ul { text-align: center; margin: auto; } #footer_menu, .footer_bar_wrapper .social_wrapper { margin-bottom: 10px; } .footer_bar_wrapper { padding-top: 50px; } #copyright { margin-bottom: 30px; } .footer_bar_wrapper .social_wrapper ul li { float: none; display: inline-block; } #wrapper.hasbg .above_top_bar { background: #cfa670 !important; background: rgb(207, 166, 112, 0.9) !important; background: rgba(207, 166, 112, 0.9) !important; } @media only screen and (max-width: 768px) { html[data-menu=leftmenu] .mobile_menu_wrapper { right: 0; left: initial; -webkit-transform: translate(400px, 0px); -ms-transform: translate(400px, 0px); transform: translate(400px, 0px); -o-transform: translate(400px, 0px); } } html[data-menu=leftmenu] .mobile_main_nav, #sub_menu { clear: both; } html[data-menu=leftmenu] #wrapper { padding-top: 0; }