Lari Salminen

Sidomenyn sitter fast när en scrollar


Om en vill ha en fixerad meny, alltså en meny som följer med ner på sidan så gäller det att leta upp vad selektorn för menyn heter. Oftast heter den #side, men den kan också bara heter aside. På WordPress och Blogger kan det skilja och till exempel kallas #tertiary eller något liknande. Ett tips är att använda Google Web Developer Tools för att se vad din meny kallas. Du får helt enkelt kolla upp vad din meny kallas i din egna blogg.

I stilmallen/style.css eller vad din CSS-fil heter, leta upp din meny (#side, aside, #tertiary eller något liknande) och lägg till detta under:

position: fixed;

Tänk på att en fixerad meny kan leda till problem, i till exempel mobilen. Då är det viktigt att också göra så att menyn inte är fixerad i din mobilversion, och det kan du göra med hjälp av Media Queries. Det kan också leda till problem om personen som kikar på din blogg inte har en lika stor skärm som du har när du designar din blogg. Så viktigt att tänka på att i så fall ha väldigt lite information i din meny så att de med mindre skärm inte missar något viktigt!

The post Sidomenyn sitter fast när en scrollar appeared first on Bloggdesign | Designa Din Blogg.

  • Love
  • Save
    Add a blog to Bloglovin’
    Enter the full blog address (e.g. https://www.fashionsquad.com)
    We're working on your request. This will take just a minute...