• Löst thias79

    (@thias79)


    Hjälper en att uppdatera sin sida och har bytt tema till ”Divi” Jag har gjort en Custom Header i Dvi Builder. Loggan och menyn ligger i samma modul. Jag skulle behöva flytta upp loggan en aning. Hur bär jag mig åt? När jag försöker ange marginaler så flyttar den både loggan och menyn. Detta är ju troligen för att det är samma modul. Hur skall jag bära mig åt på bästa sätt?

    Sidan jag behöver hjälp med: [logga in för att se länken]

Visar 1 svar - 1 till 5 (av 5 totalt)
  • Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Kan du ge URL till en sida där man kan se problemet? Jag kan då flytta över länken till det speciella URL-fältet som Google och andra robotar inte kan se.

    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Du behöver kolla vilket ID bilden fått. Sedan kan du lägga in Extra CSS i stil med:

    .wp-image-1719 {
      position: relative;
      bottom: 50px;
    }

    För att maka bilden uppåt från dess reserverade plats.

    PS! Eftersom bilden finns längst upp på sidan kanske du kan försöka att inte markera den för Lazy-loading?

    Trådstartare thias79

    (@thias79)

    Kom på det senare när jag skrivit att anledningen till att menyn hoppar ner är troligen för att jag lagt till underline på menyerna när man hovrar över dom. Har lagt till denna kod.

    /* Hover Menu */
    #top-menu {
        height: 28px !important;
     margin-bottom: 30px;
    } 
    
    .menu-item a {
        padding-bottom: 5px !important;
     border-bottom: solid 2px transparent;
    	align-items: flex-end !important;
        margin-bottom: 20px !important ;
    }
    
    .menu-item a:hover {
        border-bottom: solid 3px #0D2B73;
    }
    
    .current-menu-item a {
     border-bottom: solid 3px #0D2B73;
     color: #0D2B73 !important;
    }
    Moderator tobifjellner (Tor-Bjorn Fjellner)

    (@tobifjellner)

    WordPress-hemmapulare, Projektledare, Författare, Översättare och Vänlig Själ

    Låter troligt. Antingen kan du ha en motsvarande padding som du tar bort vid hover och ersätter med kantlinjen. Men först kan du prova att i stället vid hover använda text-decoration: underline. Jag gillar att ändra bakgrundsfärgen, eftersom det inte flyttar runt något.

    Trådstartare thias79

    (@thias79)

    Löste det på följande sätt

    * Apply style when hover top level menu item */
    
    .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover {
    	text-decoration:underline;
    	text-decoration-thickness: 3px;
    	text-underline-offset: 10px;
    }
    
    /*apply style to the active top level menu item*/
    
    .pa-active-menu-item .et-menu-nav>ul>li.current-menu-item>a {
    	text-decoration:underline;
    	text-decoration-thickness: 3px;
    	text-underline-offset: 10px;
    }
Visar 1 svar - 1 till 5 (av 5 totalt)
  • Ämnet ”Flytta upp menyn” är stängt för nya svar.