changing navigation menu position in mobile layout

  • Resolved ciwy

    (@ciwy)


    9 months, 3 weeks ago

    greetings,

    i use your plugin and i find it perfect, the only thing i would like to change is:
    in mobile visualization, the navigation bar, the one with all the buttons like next, previous, fullscreen, etc. is positioned at the top of the gallery, some of my visitors asked me if it was possible to place it at the bottom of the gallery for a more user friendly experience, do you think it is possible?

    Thanks for your work,
    Ciwy

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support elviiso

    (@elviiso)

    9 months, 3 weeks ago

    Hi @ciwy

    I’m glad to know that you enjoy using FooGallery. To your question, to figure out which lightbox you are using in your gallery, could you kindly share a page or post containing a gallery so that I can carry out a quick analysis of the lightbox being used and advise on this? Thanks in advance for doing so.

    Kind regards,
    Elvis

    Thread Starter ciwy

    (@ciwy)

    9 months, 3 weeks ago

    hi @elviiso ,

    here is the link to a post https://onlythebesthentai.com/foogallery/

    if you are sensible to NSFW content i have created this safe post, if you don’t navigate inside the site you shouldn’t see anything too inappropriate, sorry for the inconvenience.

    Please remember that my problem is just with the mobile version.

    thank you very much,

    ciwy

    Plugin Support elviiso

    (@elviiso)

    9 months, 3 weeks ago

    Hi @ciwy

    Thanks for sharing the page. Analysing the gallery on that page, I can observe that it’s using FooGallery Lightbox. Here’s a CSS that can be used to move the navigation bar from the top to the bottom on mobile devices:

    @media (max-width: 480px) {
    .fg-portrait .fg-panel-buttons {
        top: 780px !important;
    }
    }

    You can add it to the “Custom CSS” text area of that gallery and it should work.

    Kind regards,
    Elvis

    Thread Starter ciwy

    (@ciwy)

    9 months, 3 weeks ago

    i have solved with:

    @media (max-width: 480px) {
    .fg-portrait .fg-panel-buttons {
    position: fixed !important;
    bottom: 10px !important;
    width: 100% !important;
    top: auto !important;
    z-index: 9999 !important;
    }
    }

    thanks anyway

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘changing navigation menu position in mobile layout’ is closed to new replies.