Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1263555

    There is a way to create a single page with fixed buttons images on top, each with a link that go to relative page tag, like the image and keep in that way also on smartphone (3 columns) ?
    Example

    #1263594

    Hey BNA1956,

    Please, upload the screenshot to a service like Dropbox or http://imgur.com and give us the links here.

    Best regards,
    Victoria

    #1263676

    Screenshot
    I looked for a solution using Masonry, visible at the link, which is correctly displayed on smartphone in three columns, but I would like them to be fixed, not resized, and the caption text should be centered and without background.
    Clicking on an image should go to the respective page section.
    In practice I should use them as if it were a fixed menu, also visible on mobile devices.

    • This reply was modified 3 years, 4 months ago by Stef.
    #1264452

    Hi,

    Thank you for the update.

    Have you tried using the Image element? It has an option where you can set the caption as an overlay above the image. The caption can also be shown automatically or on mouse hover. To separate the images, you can use the column elements.

    Best regards,
    Ismael

    #1266515

    Ok, I’ve put a color section with three column and image element, but the three columns are displayed on a smartphone in a single column;
    is there a way to keep at least two column view on smartphone ?
    I tried this:
    @media only screen and (max-width: 767px){
    #top #wrap_all .flex_column{
    width: 48%!important;
    float: left!important;
    margin-right: 5px!important;
    }
    .responsive #top #main .products .product {
    margin: 0 0px 20px 0;
    width: 50%;
    }
    }
    but on smartphone I see alternately one and two columns, I need two fixed columns.

    Thank you

    #1267336

    Hi,

    Thank you for following up..

    You may need to insert additional set of columns for mobile view and toggle the Advanced > Responsive > Element Visibility options so that the new set is only visible on mobile and the other on desktop or on larger screens.

    Best regards,
    Ismael

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.