Help - Search - Members - Calendar
Full Version: Nav Bar Not Pushing <h1> Contents Down
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
chome4
On this responsive site:

http://gibraltarinsolvency.info/project/index.html

When the width of the screen is reduced, the 'screen_layout_medium.css' kicks in but the nav bar, instead of pushing the word 'Welcome' down, it covers it up.

The 'Welcome' h1 tags are placed within <article> tags.

I've been away from web design for a while and can't for the life of me remember how to get page contents to be pushed down when items above move down. The text under the 'Welcome' moves and takes its place when the screen narrows.

Can someone shed some light on how to achieve this?
Frederiek
The links inside the nav tag wrap to the next line at medium window size.
Set the top property to lower than 200px (e.g. 150px) in the medium CSS file.
chome4
QUOTE(Frederiek @ Apr 6 2016, 04:29 AM) *

The links inside the nav tag wrap to the next line at medium window size.
Set the top property to lower than 200px (e.g. 150px) in the medium CSS file.


That did the trick.

Thank you very much.....
Frederiek
You're welcome.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2019 Invision Power Services, Inc.