Title: ybwp's Replies | WordPress.org --- # ybwp [ ](https://wordpress.org/support/users/ybwp/) * [Profile](https://wordpress.org/support/users/ybwp/) * [Topics Started](https://wordpress.org/support/users/ybwp/topics/) * [Replies Created](https://wordpress.org/support/users/ybwp/replies/) * [Reviews Written](https://wordpress.org/support/users/ybwp/reviews/) * [Topics Replied To](https://wordpress.org/support/users/ybwp/replied-to/) * [Engagements](https://wordpress.org/support/users/ybwp/engagements/) * [Favorites](https://wordpress.org/support/users/ybwp/favorites/) Search replies: ## Forum Replies Created Viewing 4 replies - 1 through 4 (of 4 total) * Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/) In reply to: [[Events Made Easy] Fatal Error](https://wordpress.org/support/topic/fatal-error-3075/) * [ybwp](https://wordpress.org/support/users/ybwp/) * (@ybwp) * [7 years, 5 months ago](https://wordpress.org/support/topic/fatal-error-3075/#post-10981267) * I had 5.6 still got the same exact fatal error. I had to delete the plugin folder via the file manager, on one my client’s website. Should I change the PHP to 7? Although, it’s not recommended by the hosting company. - This reply was modified 7 years, 5 months ago by [ybwp](https://wordpress.org/support/users/ybwp/). * Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) In reply to: [Highlighting an active page with a custom navigation](https://wordpress.org/support/topic/highlighting-an-active-page-with-a-custom-navigation/) * Thread Starter [ybwp](https://wordpress.org/support/users/ybwp/) * (@ybwp) * [11 years, 1 month ago](https://wordpress.org/support/topic/highlighting-an-active-page-with-a-custom-navigation/#post-5999385) * OK thx! I actually figured it out. I ended up going back to using the built in menu by creating a new/custom menu. I had to dig in to the confusing CSS but was able to figure it out. Incidentally, the CSS structure for menus is poorly documented, unless I’m missing something. I’m pretty good with CSS and it was quite difficult to figure out what’s what and what belongs where… I mean ul in a ul in a ul! And then li in a li. I’m not sure if the menu structure is better in newer themes. After all twenty twelve came out a while back and I was certainly not going to use its ugly menu styles. * Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) In reply to: [Highlighting an active page with a custom navigation](https://wordpress.org/support/topic/highlighting-an-active-page-with-a-custom-navigation/) * Thread Starter [ybwp](https://wordpress.org/support/users/ybwp/) * (@ybwp) * [11 years, 1 month ago](https://wordpress.org/support/topic/highlighting-an-active-page-with-a-custom-navigation/#post-5999353) * Sorry very new to the forums and WordPress. I did re-post the code and I think it looks better. Perhaps, I should use the built-in menu and try to style the CSS. But I thought the CSS was too complicated like a jigsaw puzzle and I didn’t know what is what and which goes where. * Forum: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) In reply to: [Highlighting an active page with a custom navigation](https://wordpress.org/support/topic/highlighting-an-active-page-with-a-custom-navigation/) * Thread Starter [ybwp](https://wordpress.org/support/users/ybwp/) * (@ybwp) * [11 years, 1 month ago](https://wordpress.org/support/topic/highlighting-an-active-page-with-a-custom-navigation/#post-5999351) * This is the HTML in the header.php * ``` >

``` * This is the CSS in my style sheet in my child theme * ``` .logo-wrap { display: block; width: 25%; height: auto; margin: 0 auto 2% auto; } .logo-wrap img { display: block; width: 100%; height: auto; } .panel-stage { background-image: url(images/yolk.png), url(images/egg-white.png); background-position: 0 0, 0 0; background-repeat: no-repeat, no-repeat; background-size: 100% 50%, 100% 95%%; width: 100%; display: none; height: auto; margin: 20% auto 1% auto; } @-webkit-keyframes yolk { from { background-position: 0 -50px, 0 -150px; } to { background-position: 0 0, 0 0; } } .panel-stage { -webkit-animation: yolk 2.5s ease-out; } .panel-tab a { float: left; width: 10%; height: auto; display: block; } .mobile-nav ul { display: none; margin: 0; } .mobile-nav li a { display: block; font-size: 1.5em; padding: .5em 0; text-decoration: none; color: #00ADEE; /* blue */ font-family: "lexia",serif; font-style: normal; font-weight: 300; text-align: center; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -ms-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; border-bottom: #00ADEE dotted 1px; } .mobile-nav li a:hover { color: #FFCB05; /* orange */ -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -ms-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; } .mobile-nav li:first-child a { border-top: #00ADEE solid 1px; } .mobile-nav li:last-child a { border-bottom: #00ADEE solid 1px; } @media all and (min-width: 600px) { .panel-tab { display: none; } /** LOGO floats left and so does the navigation **/ .logo-wrap { width: 7%; height: auto; margin: 1% 3% 1% 0; display: block; float: left; border: none; } .panel-stage { width: 65%; display: block; float: right; height: auto; background: none; border: none; margin: 3% auto 1% auto; } /* ========================================================================== NAVIGATION > 600px ========================================================================== */ .mobile-nav li:first-child a { border: none; } .mobile-nav li:last-child a { border: none; } .mobile-nav li { text-align: center; display: block; float: left; width: 25%; margin-bottom: 2%; } .mobile-nav li a { font-size: 1.25em; padding: .5em; text-decoration: none; color: #00ADEE; text-align: center; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; border: none; } .mobile-nav li a:hover { color: #FFCB05; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -ms-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } #current a { color: rgba(255,203,5,1.00); } } ``` Viewing 4 replies - 1 through 4 (of 4 total)