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. Addons
  3. Image Hover Add On – on Menu Items

Image Hover Add On – on Menu Items

Scheduled Pinned Locked Moved Addons
13 Posts 3 Posters 549 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.
  • RichardR Offline
    RichardR Offline
    Richard
    Global Moderator
    wrote on last edited by
    #2

    Dear Jan @jae

    Technically the built in Wordpress Menu is a bit different so unfortunately it doesn't work for that, Imagehover is made to work with the Gridder.

    However i can see a work around that will reach the same conclusion:

    Using a Footer within pages, you could set your menu links and apply Imagehover to them:
    Screen Shot 2020-11-18 at 1.55.37 PM.png

    Then using Custom CSS within 'Lay Options - Custom CSS & HTML you can style how you wish :
    Screen Shot 2020-09-14 at 2.51.54 PM.png
    Force the whole footer to the top making it the Header / Navigation.

    https://laytheme.com/documentation.html#custom-css-styling

    Also remember to set the page you wish as the footer with the Button in the lower right corner:

    Screen Shot 2020-11-18 at 1.59.07 PM.png

    As well as any options with the 'footer' setting in your left-hand admin bar :)

    Hope this helps & best wishes

    Richard

    1 Reply Last reply
    0
    • S Offline
      S Offline
      sonnisc
      wrote on last edited by
      #3

      Dear All, I have a similar question.

      I'm new to laytheme and maybe I'm not seeing the solution clearly, but I'm a bit confused:
      On the Laytheme website, there is an image hover add on example like this:
      Bildschirmfoto 2020-11-19 um 11.52.21.png
      where you can see the menu on the left, and then the image hovers when the cursor is on a project title.

      On my website, I created my projects and added them to the menu, so they will always be shown:
      Bildschirmfoto 2020-11-19 um 11.52.50.png
      Since the add-on cannot be used in the title; I can't use it here (without custom css I suppose).

      How did they do it in the Laytheme example?
      Are the project titles on the left not actual 'titles' but in a gridder? Or is it custom css there as well?

      Hope it's not too confusing what I mean..
      All the best,
      Sonni

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

        Dear @sonnisc

        I believe it must be Project links added to a Gridder to act as a Menu, but a little confusing yes :/

        Best
        Richard

        1 Reply Last reply
        0
        • S Offline
          S Offline
          sonnisc
          wrote on last edited by
          #5

          Dear @Richard-Keith,
          thank you a lot for your fast reply :-)
          Okay, so I would need to make a detour around that and put the project titles in a gridder that act as a menu.

          That opens up a new question: is it possible to then always show the "fake menu" still, also when you click on the project titles?

          Bildschirmfoto 2020-11-25 um 11.17.21.png

          Like here: When you click on the project 'Non-Newspaper', the list of projects is still always shown on the left.

          If I now take the detour and make a 'fake menu' (e.g. category with gridder including the linked projects), how do I achieve this?

          Thank you for your time and help!
          All the Best,
          Sonni

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

            Dear @sonnisc

            If you want it to appear on every page in the same place, i would suggest adding this list to the footer, then giving the list some custom CSS that positions it on the page in the place you desire :)

            https://laytheme.com/documentation.html#custom-css-styling

            Hope this helps Sonni!

            Sincerely
            Richard

            S 1 Reply Last reply
            0
            • RichardR Richard

              Dear @sonnisc

              If you want it to appear on every page in the same place, i would suggest adding this list to the footer, then giving the list some custom CSS that positions it on the page in the place you desire :)

              https://laytheme.com/documentation.html#custom-css-styling

              Hope this helps Sonni!

              Sincerely
              Richard

              S Offline
              S Offline
              sonnisc
              wrote on last edited by
              #7

              Dear @Richard-K,
              thank you so much for your reply and help, I will try if it works out and if I can find my way around it with this:)
              All the best,
              Sonni

              1 Reply Last reply
              0
              • S Offline
                S Offline
                sonnisc
                wrote on last edited by
                #8

                Hi @Richard-K,

                I've tried to work my way around to archieve the above-mentioned problem and used CSS for the first time. And it worked to now have a 'fake' Menu as a Footer on the left that's always shown (Ghost 2, Arecibo etc), so thank you a lot for the help with this :-)

                But now, since I added the CSS, there is a space on the bottom when my projects are shown (see picture); even though in the gridder the bottom frame is set to zero. The pictures should always end with the screen.

                Bildschirmfoto 2020-12-10 um 15.23.30.png

                Do you know how I can solve this problem?
                I couldn't find someone having a similar problem..

                All the best and again thank you for your help,
                Best,
                Sonni

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

                  Dear Sonni @sonnisc

                  http://sonnischeuringer.com
                  Have you since your last thread changed anything? i am getting different content:Screen Shot 2020-12-15 at 4.59.47 PM.png

                  S 1 Reply Last reply
                  0
                  • RichardR Richard

                    Dear Sonni @sonnisc

                    http://sonnischeuringer.com
                    Have you since your last thread changed anything? i am getting different content:Screen Shot 2020-12-15 at 4.59.47 PM.png

                    S Offline
                    S Offline
                    sonnisc
                    wrote on last edited by
                    #10
                    This post is deleted!
                    1 Reply Last reply
                    0
                    • S Offline
                      S Offline
                      sonnisc
                      wrote on last edited by
                      #11
                      This post is deleted!
                      1 Reply Last reply
                      0
                      • S Offline
                        S Offline
                        sonnisc
                        wrote on last edited by
                        #12

                        Dear @Richard-K,

                        I've found a solution and played with the CSS; it had something to do with the assigned position of the footer and frames.
                        Thank you anyway, for everything! I couldn't have managed to make a website without Laytheme and the Forum Help; it's really amazing!:)

                        All the Best,
                        Sonni

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

                          Dear @sonnisc

                          Amazing! thanks for the update :)
                          Sorry i was a bit delayed to reply to you on this one!

                          Good luck on the rest of your Lay Theme building, post the website when your finished if you like so we can have a look! :0

                          Best wishes and a wonderful day
                          Richard

                          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
                          J
                          jacksong
                          N
                          njbas
                          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