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.
  • J Offline
    J Offline
    jae
    wrote on last edited by
    #1

    Hi Lay Theme Team,
    I just purchased Image Hover with the intention to use it on my main menu. Does this generally work and if so how do I enable it?

    Thanks,
    Jan

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