Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Menu broken after update

Menu broken after update

Scheduled Pinned Locked Moved Bug Reports
3 Posts 2 Posters 65 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • G Offline
    G Offline
    gauchedamned
    wrote on last edited by
    #1

    Recently updated wordpress and Laytheme and my menu is stretched after update.
    Please help. www.williameadon.com
    I have some custom CSS that has been affected, but not sure how to fix.
    Original menu at top right corner should look like this...
    Screenshot 2024-04-11 at 6.02.35 PM.png

    instead looks how it does now...

    Here is a copy of the custom CSS that i am using in wordpress for the menu pre update.

    Thanks in advance for your help!
    William

    @media (min-width: 601px) {
    #laytheme #main-region #grid {
    padding-top: 145px;
    }
    }

    /*
    don't show the William Eadon extra text on mobile
    */
    @media (max-width: 600px) {
    .sitetitle-txt-inner {
    display: none;
    }
    }

    body > nav.laynav.primary > ul {
    overflow:hidden;
    max-width: 300px;
    }
    /*
    below affects menu nav sizing and rows of menu
    */
    body > nav.laynav.primary > ul > li {
    width: 50%;
    line-height: 1.65em;
    float:left;
    margin: 0;
    display:inline;
    }

    /* menu colors */

    /* Diary */
    nav.primary .menu-item-27 a {
    color: #ce0000;
    }

    /* Diary hover */
    nav.primary .menu-item-27 a:hover {
    color: #a6a6a6;
    }

    /* EDP */
    nav.primary .menu-item-28 a {
    color: #ff630a;
    }

    /* EDP hover */
    nav.primary .menu-item-28 a:hover {
    color: #a6a6a6;
    }

    /* Portfolio I */
    nav.primary .menu-item-29 a {
    color: #e8ba01;
    }

    /* Portfolio I hover */
    nav.primary .menu-item-29 a:hover {
    color: #a6a6a6;
    }

    /* Portfolio II */
    nav.primary .menu-item-30 a {
    color: #41b200;
    }

    /* Portfolio II hover */
    nav.primary .menu-item-30 a:hover {
    color: #a6a6a6;
    }

    /* Contact */
    nav.primary .menu-item-31 a {
    color: #00a3b2;
    }

    /* Contact hover */
    nav.primary .menu-item-31 a:hover {
    color: #a6a6a6;
    }

    /* Archived */
    nav.primary .menu-item-32 a {
    color: #040ecc;
    }

    /* Archived hover */
    nav.primary .menu-item-32 a:hover {
    color: #a6a6a6;
    }

    /* Social */
    nav.primary .menu-item-33 a {
    color: #7001a3;
    }

    /* Social hover */
    nav.primary .menu-item-33 a:hover {
    color: #a6a6a6;
    }

    /* ABOUT */
    nav.primary .menu-item-34 a {
    color: #f756a4;
    }

    /* ABOUT hover */
    nav.primary .menu-item-34 a:hover {
    color: #a6a6a6;
    }

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      hey there!

      you can revert back to an older version of laytheme, u can get the earlier versions here:

      www.laykeymanager.com

      or you can fix your css or ask the person who did the css to fix it

      Screenshot 2024-04-12 at 13.46.23.png

      it seems like u managed to fix it?

      what i changed was i now use display: flex; for menus

      u can use this css to not use display flex:

      nav.laynav ul{
      display: block!important;
      }
      

      or you can learn a little about flexbox css and use that info to change the css for the menu

      nav.laynav ul

      is set to display: flex;

      flex-direction: row;

      is used there too. u change it to flex-direction: column;
      also i use gap: 10px;

      1 Reply Last reply
      0
      • G Offline
        G Offline
        gauchedamned
        wrote on last edited by
        #3

        thanks..
        added
        display:inline-block; in "body > nav.laynav.primary > ul {"
        was the fix
        regards, W

        1 Reply Last reply
        1
        Reply
        • Reply as topic
        Log in to reply
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes


        I also code custom websites or custom Lay features.
        šŸ’æ Email me here: šŸ’æ
        info@laytheme.com

        Before you post:
        1. When using a WordPress Cache plugin, disable it or clear your cache.
        2. Update Lay Theme and all Lay Theme Addons
        3. Disable all Plugins
        4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

        This often solves issues you might run into

        When you post:
        1. Post a link to where the problem is
        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
        Online Users
        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
        laytheme.com
        • Login

        • Don't have an account? Register

        • Login or register to search.
        • First post
          Last post
        0
        • Recent
        • Tags
        • Popular
        • Users
        • Search