tylerdigital Posted January 12 Share Posted January 12 I'm working on a site that complements this website (WordPress) and I need to size the logo in the navigation as similar as possible. However, I'm stuck getting the main logo in the top left to hang beyond the navigation bar as it does on the BCAN site (see below) -- I assume this requires custom code. Though it's a relatively small project (and unless there's a simple solution I'm not aware of) I'd be happy to hire someone who can assist. In-progress site Link to comment
tuanphan Posted January 13 Share Posted January 13 (edited) Use a CSS code like this (Website Tools > Custom CSS) @media screen and (min-width:992px) { header#header .header-title a { position: absolute; bottom: 30px; } header#header img { max-height: 200px; } } Edited January 13 by tuanphan tylerdigital 1 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
tylerdigital Posted January 16 Author Share Posted January 16 Thank you so much! That took care of the desktop view -- I made just a few small adjustments. Is there additional code I need to do the same for mobile view? Link to comment
tuanphan Posted January 20 Share Posted January 20 Use this code @media screen and (max-width:991px) { header#header .header-title a { position: absolute; bottom: 30px; } header#header img { max-height: 100px; } } tylerdigital 1 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
tylerdigital Posted January 23 Author Share Posted January 23 Thank you, tuanphan. HUGE HELP!! tuanphan 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