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 Rotation + Text Rotation + Space between menu + Extra Menu

Menu Rotation + Text Rotation + Space between menu + Extra Menu

Scheduled Pinned Locked Moved General Discussion
12 Posts 3 Posters 1.2k 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.
  • M Offline
    M Offline
    massimomeridio
    wrote on last edited by
    #1

    Hello,

    I have a few questions, can someone help me to:

    HOME:

    • rotate menu bottom right in vertical, like on this website: http://anacuba.com/
    • how to add the vertical text linkable to the project on the right of the imagine on home, like on this home http://anacuba.com/
    • is there any chance to add an extra menu on bottom right apart from the 4 already of default?
    • add space line between categories on the menu, like on this home http://anacuba.com/

    PROJECTS PAGE:

    • How can I add an extra menu to divide the different categories of projects, as can be on this one: http://anacuba.com/projects/

    INSIDE THE PROJECT:

    • is there any default option to add back to all projects / home on the bottom left;
    • prev/next project to the bottom right;

    Thank you,

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

      Dear @massimomeridio
      you might want to have a look here:
      https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate

      There is not really an option for an extra menu after the 4 menus.

      About the –, have a look here:
      https://www.w3schools.com/cssref/sel_after.asp

      In LayTheme you have the option to use different categories and also to have separate pages for them:
      0_1536061848133_Bildschirmfoto 2018-09-04 um 13.50.35.png

      You can always create a text and link it back to the work page. Or even work with a footer-page.

      And yes. Here you can activate the prev and next buttons:
      0_1536061992329_Bildschirmfoto 2018-09-04 um 13.51.22.png

      Hope I could help!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • M Offline
        M Offline
        massimomeridio
        wrote on last edited by
        #3

        Thank you Marius.

        About the menu / text on the projects/work page, maybe you didn't get what I was asking you.

        For example here:

        0_1536078838281_cb9dbbd2-77e0-435b-8ec3-e29f98f6cddb-image.png

        I don't think is that made only by categories, no? I mean I have been dealing with Wordpress for a while, I don't get how to do something like that: when you open the page it shows up all the projects, when you click on commissions remove from the view all the other projects and just leave those under that category.

        1 Reply Last reply
        0
        • M Offline
          M Offline
          massimomeridio
          wrote on last edited by
          #4

          Hello Marius,

          I have been trying several times those days, but it's really not working that way. And this web is made on wordpress too with categories. Any advice?

          Thank you,

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

            Dear @massimomeridio
            you create a page called
            ALL

            then you make the categories:
            COMMISSIONS
            PERSONAL PROJECTS
            …

            Then you go int the categories section and when you click on a category you find the LayGridder again. There you place the projects which are attached to this category. You can use the Element-Grid for that.

            I hope I got you right :-)

            Best!

            Marius

            www.mariusjopen.world

            1 Reply Last reply
            0
            • M Offline
              M Offline
              massimomeridio
              wrote on last edited by
              #6

              Hello Marius,

              I am still straggling with this category / menu, that I am sure there is a very simple way to do it, maybe with a text? But I don't really get how than I can make it works without using different pages.

              Since I can add the element grid and choose the specific category of projects, must be the way to also add this kinda of text / menu.

              Any suggestion?

              Thank you,

              1 Reply Last reply
              0
              • edgrbnzE Offline
                edgrbnzE Offline
                edgrbnz
                wrote on last edited by edgrbnz
                #7

                First thing you need to do is create a page for each category in the categories section of lay and a page that shows all categories.

                Then afaik there are two options to go about this:

                1. A text-element that resembles the menu you want to use with every category name linked to the respective category.
                  Then follow the steps that Marius described above and add that text element to all the categories and the all page. You might have to add some text decoration via CSS to fake active states.
                  Good thing about this is you can just not add that element to pages / projects you want it to be hidden.

                2. Create a menu with all the categories + the all page and position it as desired.
                  You might have to hide that menu (via CSS) in locations you don’t want it to be shown, but (contrary to option 1) the active and hover states are easily styleable through the customizer.

                As soon as you added a thumbnail grid to a (category-) page it will get updated when you add a project associated with that category. I personally wouldn’t use the element grid for that.

                Hope that helps!

                ✦ ✦ ✦

                1 Reply Last reply
                0
                • M Offline
                  M Offline
                  massimomeridio
                  wrote on last edited by
                  #8

                  Thank you @edgrbnz

                  The second options actually was my first idea, and that's why I asked Marius if would be the chance to add a fifth menu, cause I wanted to do that...so now I had to sacrifice one of the menu to be able to do this, but again, there should be a smooth way, cause if I make this as category as per option 2:

                  • I put under the menu project a link to ALL categories, so as soon as I click on it, already jump into the overview;
                  • BUT than when I click on Commission or something else, you can easily see that works like a new page, instead on the example I sent you http://anacuba.com/projects/ - when you click on the different category, page is not changing, the project are just sliding keeping the one under that category, is this something possible so far somehow? It's definitely much more clean, and it works anyway per category..
                  • than if I do this category menu, I need to find the way to remove from the permalink that not nice .../category/commission - any advise in case the previous option won't be possible?

                  Thank you,

                  1 Reply Last reply
                  0
                  • edgrbnzE Offline
                    edgrbnzE Offline
                    edgrbnz
                    wrote on last edited by
                    #9

                    Ok!

                    So now I get what you want to achieve. The answer might unfortunatelly be:

                    «No, without any code-magic you won’t be able to realize it that smooth by now»

                    You will always have a page reload with (the above mentioned options) since the content gets rendered on different pages. But you could have a look into isotope. As far as I understand this is the way you want it to behave.
                    I’m not sure if the code-examples there will work with lay since I don’t know which derivate of masonry is currently implemented in lay. But filters are not implemented into lay (yet).

                    I'm sure that @arminunruh is able to get you on the right track here.

                    ✦ ✦ ✦

                    1 Reply Last reply
                    0
                    • M Offline
                      M Offline
                      massimomeridio
                      wrote on last edited by
                      #10

                      YES! That's what I meant @edgrbnz

                      Let's see if @arminunruh can help somehow!

                      Thank you,

                      1 Reply Last reply
                      1
                      • M Offline
                        M Offline
                        massimomeridio
                        wrote on last edited by
                        #11

                        Than also why, if I only use a project as front page, it show up the project arrows edit and if I use a category or page it doesn't? Is this bug or what?

                        1 Reply Last reply
                        -1
                        • edgrbnzE Offline
                          edgrbnzE Offline
                          edgrbnz
                          wrote on last edited by
                          #12

                          Dunno if I get this right,… but project arrows are for navigating between projects (as the name implies). It doens’t make much sense to use these for navigation between pages.
                          But you could of course do that with some custom code. I would consider this off-topic and should be discussed in another thread.

                          Cheers!

                          ✦ ✦ ✦

                          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
                          A
                          alasdair17
                          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