#top-menu li a,.et_search_form_container input{font-weight:bold;font-style:normal;text-transform:none;text-decoration:none}.et_search_form_container input::-moz-placeholder{font-weight:bold;font-style:normal;text-transform:none;text-decoration:none}.et_search_form_container input::-webkit-input-placeholder{font-weight:bold;font-style:normal;text-transform:none;text-decoration:none}.et_search_form_container input:-ms-input-placeholder{font-weight:bold;font-style:normal;text-transform:none;text-decoration:none}#footer-widgets .footer-widget a,#footer-widgets .footer-widget li a,#footer-widgets .footer-widget li a:hover{color:#ffffff}.footer-widget{color:#ffffff}.et_slide_in_menu_container,.et_slide_in_menu_container .et-search-field{letter-spacing:px}.et_slide_in_menu_container .et-search-field::-moz-placeholder{letter-spacing:px}.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder{letter-spacing:px}.et_slide_in_menu_container .et-search-field:-ms-input-placeholder{letter-spacing:px}@media only screen and (min-width:981px){.et_header_style_left #et-top-navigation,.et_header_style_split #et-top-navigation{padding:145px 0 0 0}.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_split #et-top-navigation nav>ul>li>a{padding-bottom:145px}.et_header_style_split .centered-inline-logo-wrap{width:290px;margin:-290px 0}.et_header_style_split .centered-inline-logo-wrap #logo{max-height:290px}.et_pb_svg_logo.et_header_style_split .centered-inline-logo-wrap #logo{height:290px}.et_header_style_centered #top-menu>li>a{padding-bottom:52px}.et_header_style_slide #et-top-navigation,.et_header_style_fullscreen #et-top-navigation{padding:136px 0 136px 0!important}.et_header_style_centered #main-header .logo_container{height:290px}.et_header_style_centered #logo{max-height:30%}.et_pb_svg_logo.et_header_style_centered #logo{height:30%}.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container,.et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container{height:52.2px}}@media only screen and (min-width:1350px){.et_pb_row{padding:27px 0}.et_pb_section{padding:54px 0}.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{padding-top:81px}.et_pb_fullwidth_section{padding:0}}	h1,h2,h3,h4,h5,h6{font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif}body,input,textarea,select{font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif}#main-header,#et-top-navigation{font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif}#logo{-webkit-transform:initial}#logo{display:none}.mfp-title{display:none}#footer-bottom{display:none}d the right side of the screen. This creates more of an ‘app style’ look and feel.
2. Changes the menu icon from three bars (or a burger) into a cross when the menu is open. This feels more like a toggle to me and clearly indicates that the button should now be used to close the menu.
3. Makes the drop down menu fill the view port width. I’ve never been a huge fan of space showing on either side,so this fixes that.
You can see all three effects in play in this short video:Video Player
00:0000:11
All you need to do to get this to work is add the following CSS to your ePanel or child theme.
// Laat 12 producten per pagina zien
add_filter('loop_shop_per_page',create_function('$cols','return 50;'),20)