ryanmariehelfant Posted May 26 Share Posted May 26 (edited) Hello, I want to move my 'navigation link' (navigation link is titled 'EXPANDED PORTFOLIO CLICK HERE') from the top of my page to the bottom of my page above my footer on my homepage (http://ryanmariehelfant.com). I also wanted to hide it on a specific page. (http://ryanmariehelfant.com/expanded). Can anyone provide the code to do both? (pictures attached!) Thank you! @tuanphan @DPruitt @inside_the_square Edited May 26 by ryanmariehelfant more info Link to comment
ryanmariehelfant Posted May 27 Author Share Posted May 27 Following up here. @tuanphan @DPruitt any suggestions? Link to comment
tuanphan Posted May 29 Share Posted May 29 To hide it, use this code to Website > Website Tools > Custom CSS. body#collection-61cf21724254e77985673323 header#header { display: none; } To move it to bottom, above footer on homepage, use this code to Website > Website Tools > Code Injection > FOOTER. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('body.homepage div#topNav').insertBefore('body.homepage footer#footer'); }); </script> <style> div#topNav { z-index: 999999999999; position: relative; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Solution ryanmariehelfant Posted May 29 Author Solution Share Posted May 29 Hey @tuanphan This worked except I can no longer see my site's title 'RYAN MARIE HELFANT' on the page https://ryanmariehelfant.com/expanded Is there a way the code can be adjusted so I see it on this page as I do on my homepage https://ryanmariehelfant.com/ ? Thank you! Link to comment
ryanmariehelfant Posted May 29 Author Share Posted May 29 Hey @tuanphan this solution actually hid my website title ('RYAN MARIE HELFANT') in addition to my 'Navigation Link.' Is there a way I can still see my website title? Link to comment
DPruitt Posted May 30 Share Posted May 30 Instead of hiding the entire header with this code: #collection-61cf21724254e77985673323 #header { display: none; } Use this instead: #collection-61cf21724254e77985673323 #topNav {display: none;} If you don't remove the old code, you would need to also add: #collection-61cf21724254e77985673323 #header { display: block; } Link to comment
ryanmariehelfant Posted May 30 Author Share Posted May 30 Thank you @DPruitt this worked! DPruitt 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment