I’m working on the navigation area on http://www.schoolnewsnetwork.org and am running into a problem on Safari and Firefox. It looks good on Chrome.
The issue is that extra space is appearing below the navigation. It’s the purple area that’s about 60 pixels tall that I need to get rid of. It should be more like 10 pixels tall. The screenshots show the difference.
I’m using a customized Template Header and have set the bottom padding and margins to 0 everywhere I could find, which makes it look perfect on Chrome.
I’ve simply run out of ideas on how to do this through the TagDiv Composer, and can’t find the right CSS to make the adjustment.
I’ve cleared cache on my browsers and on the web server.
https://www.dropbox.com/s/eqlumzgwb2s1uwr/SNN-extra-space.jpg?dl=0
Hello !
Please make sure to clear your browser cache, on Chrome is CTRL+SHIFT+R as you can see here the margin is on chrome too: https://www.screencast.com/t/KJLivF7Am37L
Please try this css code as you can see here: .td_block_wrap {
margin-bottom: 0px;
}
The code must be inserted in here: https://www.screencast.com/t/ey1aZnd3MgII
Thank you !
Thanks — that fixed it!
