• Resolved Oliverbay

    (@oliverbay)


    Hi.
    I’ve tried to lock the main navigation, so it will scroll down with the site.
    I’ve tried adding position: fixed in the .main-navigation, and it kinda worked – but the box shadow disappeared. :/

    Can you help?

    The site is: RedskaberIskolen

    Thanks in advance.

    Kind regards
    Oliver.

Viewing 4 replies - 1 through 4 (of 4 total)
  • If I use

    .main-navigation { position: fixed; }

    it works for me. I don’t see any kind of box shadow on your navigation, though. Can you clarify what you’re referring to?

    Thread Starter Oliverbay

    (@oliverbay)

    Don’t work at my site.
    I’ve tried placering the CSS all over the place now – nothing happened.
    At the same time i struggle with the home-page font-family. Why is that the only one, where the font-family aren’t verdana?

    Kinds regards
    Oliver.

    Link to site

    The only places on your home page that aren’t in the Verdana font are the text “Mangler I inspiration? Skal dine elever og kollegaer have udfordringer og ny viden på den allerbedste og sjoveste måde?” and your email address in the footer. Try this code in your custom CSS plugin:

    .entry-content h2,
    .entry-content h4,
    #footer-sidebar a {
    	font-family: 'Verdana';
    }

    As for your navigation issue, I don’t see the code

    .main-navigation { position: fixed; }

    anywhere on your site. If you add it to your custom CSS plugin, it should work.

    Thread Starter Oliverbay

    (@oliverbay)

    Thank you so much!
    It works great – both codes, i tried adding the header CSS into the style.css file instead of the custom CSS plugin.

    Have a great day.

    Best regards
    Oliver.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Lock main navigation’ is closed to new replies.