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. General Discussion
  3. Menu Point (Desktop Version) in other corner

Menu Point (Desktop Version) in other corner

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 114 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.
  • L Offline
    L Offline
    Laura S.
    wrote on last edited by
    #1

    Hello,
    I wanted to ask if its possible to position on of the menu points in an other area of the website (desktop version). Like you see in the screenshot below.

    Screen Shot 2021-02-15 at 18.24.46 Kopie.png

    (The menu point ABOUT would be ideally on the other side same height)

    Best wishes,
    from a bloody beginner.

    1 Reply Last reply
    0
    • L Offline
      L Offline
      Laura S.
      wrote on last edited by
      #2

      http://www.catalogueofdisguise.de

      and this is my website in case you need it

      1 Reply Last reply
      0
      • RichardR Offline
        RichardR Offline
        Richard
        Global Moderator
        wrote on last edited by
        #3

        Dear @Laura-S

        Just to be sure, hope i understand correctly -
        In Customize ▸ Menu Style > Primary Menu

        You have the option to position your menu points, but you are talking about this one menu point 'about?'

        You would need to target it via CSS and position it across the page, the CSS code would need to be added either in Customize > CSS, or in 'Lay Options - Custom CSS & HTML'.

        In your case the CSS would be something like:

        #menu-item-527 {
            transform:translateX(93vw);
        }
        

        There are other ways of doing it, if this doesn't suit your design needs or website flow. ( '93' is a value you can change to suit - this could also be px or even calc() )

        If you require further understanding of CSS - on Lay Theme's documentation page:
        https://laytheme.com/documentation.html#custom-css-styling

        And Google is the greatest freind to web developement you can have :)

        Best wishes and have a wonderful day
        Richard

        1 Reply Last reply
        0
        • L Offline
          L Offline
          Laura S.
          wrote on last edited by
          #4

          Exactly I just want to have this one menu point on the right side and thank you - I will try it out and come back to you if I have difficulties.

          Best wishes

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #5

            Dear @Laura-S

            No worries! Good luck & have a wonderful day :)

            Richard

            1 Reply Last reply
            0
            • L Offline
              L Offline
              Laura S.
              wrote on last edited by
              #6

              It worked thank you!

              1 Reply Last reply
              0
              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