How to resize popup gallery image on mobile devices

Hello

I have a sensitive site and popup image gallery window is not resized on mobile devices. Please check the site on mobile or simply reduce your browser.

I tried to change the CSS attributes for the specific @media but it did not work well.

http://stsstone.BusinessCatalyst.com/gallery-by-applications-cladding

See you soon

Micha

Hi Micha,

This might be useful: http://www.rush-creek.com/lightboxHTHcustCap1a/lightboxHTHcustCap1a.html

Kind regards

Alex

Tags: Business Catalyst

Similar Questions

  • Slide show image for mobile devices

    Hello world

    I'm doing my mobile site a little more user-friendly. On my current home page, I have a flash slideshow of images jpg image.

    Current page - photography of birds - Glenn Bartley Nature photography workshops

    I hope someone can help me with this move to a certain type of image slideshow that would work on mobile. Basically, I want to just images to scroll through all the seconds at random. Maybe 20 photos.

    Previously, I had a small banner ad of my main website that works on mobile. But when I tried to copy that code above doesn't seem to work. Perhaps because he was in a table?

    See banner advertising - Glenn Bartley Nature photography workshops - photography of birds, Nature, photography,.

    If someone has a simple code I can insert my workshops page to rotate the images through mobile devices I would really appreciate the help.

    Thank you very much!

    Glenn

    Mobile users might appreciate not all that consumption of bandwidth.  I often give my cell phone static image a users to look for not eating their limited data plans.

    On the other hand, most Tablet users have Wifi, so the bandwidth consumption is not as big a consideration for them.  However, 20 images is excessive.  5 or 6 means a better.

    If your site is built with delicate framework Bootstrap, you can use the built in component carousel Bootstrap described below.

    ALT-Web Design & Publishing: customization carousel of the Bootstrap


    Bootstrap in Adobe Dreamweaver CC 2015

    https://helpx.Adobe.com/Dreamweaver/using/bootstrap.html

    There are other sliders reactive carousel available online.

    Cycle2

    WOW Slider

    If you have a large number of images, you can use a thumbnail viewer Gallery and lightbox instead.

    Fancybox2

    Nancy O.

  • How to resize a photo/image and save it?

    Hello, I know how to resize an image. But how do I save a new image/photos Jpeg with new properties of size?

    Use file > save as or file > save for web. One of these will create a new document as long as the name is different or in another folder.

  • How to create a menu burger for mobile devices with submenus?

    Hello

    I don't understand why Muse have still a self building mobile menu as it does for Desktop - Web sites. All other tools like RapidWeaver done!

    So I have to build my own burger menu manually. The problem is: How can I build with the submenus? Levels got more complex Web site and it would be much better, if the user can access directly through each of them on a mobile device in a burger menu.

    Can anyone help?

    I don't see what you want potential problems.

    Not 100% what you want, but the simple option is to nest panels in accordion inside each other. I spent 10 minutes during lunch at one place scheme (the burger is bad image and size of items is all wrong, but you can play with it (and change from pretty bad looking for something OK/good)).

    Mock up quick hamburger

    If you really want a slide from the right as in the example you have pointed out, you need to insert some html/css:

    -build the submenu just next to the page and the group. Listen to samples and inspect the element chromium to find the UID of the group. The click of the menu item, call the submenu UID and move the element on the page. Include the ease settings to soften the transition.

    Can go more in detail if you wish.

    Good luck and sorry is not the prettiest workaround. Maybe build widget a day.

  • How to force the format landscape for mobile devices (phone & pad)?

    Hello, I am designing a new Web page in muse. It will be necessary for this layout, view the page in landscape format (mobile / ipad & iphone).  is there an opinion to force the format landscape for mobile devices? whereas even if the device is in portrait format, the site will be displayed in landscape format?  support told me that I will have to add the code. could you tell me the code and how do I insert this to my page? Thanks for your help

    This might help you:

    fixed vertical layout for mobile

  • How to resize a dynamic image to fit rectangle

    Hi - I have a series of small rectangles that I create dynamically using this:

    var s = sym.createChildSymbol ("example", "Stage");

    s.$("smallpic"). CSS({"background-image":"URL('"+example+"')"});)

    works well - but how do I automatically resize the background picture to the size of my rectangle (this example is 'smallpic')

    Thank you!

    Hi, skotch99-

    Try to use the CSS background-size property.  There are many options to size your image to fit your container.

    Thank you

    -Elaine

  • How to resize a JPEG image?

    Say a JPEG file is too big and I need to make it smaller.

    Say a JPEG file is too big and I need to make it smaller.

    In Windows 7, open the JPEG image in paint.

    In the toolbar of the Ribbon, click on resize.

    At the top of the dialog box to resize, you can select to resize by percentage or number of Pixels.

    Select the options you want, and then click OK. Make sure you save the changes.

    Let us know if you have any other questions.

    Kind regards.

  • How you resize/reposition an image on a 3D object?

    Is it possible to resize and reposition an image on a 3D shape without affecting the shape itself, or is it just a trial and error process, according to the size and position of the image before you select new layer mesh?

    Adjust the size or position of a texture in 'change the UV properties... '. ». Note that increasing the UV scale will reduce the scale of a texture on an object and the texture will be tiled.

  • How to check a cisco image when the device not approved (hacked)?

    I have a cisco router that I don't totally trust. I want to check the image to verify that it has not been reinstalled with a notched. The verify command indicates that the image is ok.

    As I checked the image on the router itself, but with the help of a possibly compromised system I have not totally trust this information.

    Issues related to the:

    * Is it possible to deploy "hacked images" or the low level of cisco boot loader refuse to load such an image due to internal hardware signature checks that cannot be falsified.

    * I have uploaded the image of the router. If the router contained a manipulated image (and has not changed during the download so I downloaded a fake but the original image), how can I check the content when it is stored on my workstation. Cisco Web sites contains a few 'service' where I ask md5sum/sha1 /... for a version of the given image?

    Thanks in advance for any answers.

    Hello

    I guess you can always boot in rommon and audits/transfer from there?

    jF

  • How can I resize a digital image using software of photo gallery to keep my digital images to be cut during printing on standard paper by a commercial processor? MP

    How can I resize a digital image using software of photo gallery to keep my digital images to be cut during printing on standard paper by a commercial processor? MP

    How can I resize a digital image using software of photo gallery to keep my digital images to be cut during printing on standard paper by a commercial processor? MP

    ====================================
    Sometimes the only resizing is not the answer because the
    the original size is different from the print size.

    You may need to crop photos to the size you want
    print to ensure that no clipping will occur. Cropping
    to a different aspect ratio will lose some parts of the picture but
    at least you have control over it.

    Windows Live Photo Gallery is a cropping tool.

    Volunteer - MS - MVP - Digital Media Experience J - Notice_This is not tech support_I'm volunteer - Solutions that work for me may not work for you - * proceed at your own risk *.

  • How? Resize photos in the Gallery Windows without email?

    Hi all
    I need to know how to resize a photo in the Gallery Windows 1-4 (2). I want to keep this version of Windows. I don't want to send this picture. Rather, I need to resize the photo, save to my computer for later posting in a forum, I belong.
    The only option I see for resizing is in email. Ideas?
    Tina

    Hi all
    I need to know how to resize a photo in the Gallery Windows 1-4 (2). I want to keep this version of Windows. I don't want to send this picture. Rather, I need to resize the photo, save to my computer for later posting in a forum, I belong.
    The only option I see for resizing is in email. Ideas?
    Tina

    ==================================
    Maybe this article will be useful:

    Resizing Photos in Windows Live Photo Gallery

    If this is not the solution you ae looking for...
    the following free resizer might be worth a try:

    VSO Image Resizer
    http://www.VSO-Software.fr/products/image_resizer/

    VSO Image Resizer: tutorial
    How to resize my images and photos?
    http://www.VSO-Software.fr/products/image_resizer/how-to-compress-photos/how-to-resize-images-Guide.php

    John Inzer - MS - MVP - digital media experience

  • How to resize image

    Hi all

    I'm new to the blackberry development. Actually I want to resize the image based on the width and height of the screen.

    I like to write code for all devices, such as the image resize itself based on the width and height of the device.

    Can someone provide me with a snippet of code for resizing of the image?

    Thank you

    Here is an example on how do

    public static EncodedImage ScaleImageToSize (image, int targetWidth, targetHeight int EncodedImage)
    {
    If (targetWidth > 0 & targetHeight > 0)
    {
    int imageWidth = image.getWidth ();
    int imageHeight = image.getHeight ();
    float scaleX = ((float) imageWidth / (float) targetWidth) * 10000;
    float scaleY = ((float) imageHeight / (float) targetHeight) * 10000;

    int fixedX = Fixed32.tenThouToFP (scaleX (int));
    int fixedY = Fixed32.tenThouToFP ((int) scaleY);
    EncodedImage retImage = image.scaleImage32(fixedX,fixedY);
    Return retImage;
    }
    return image;
    }

    You can also add her manipulation of proportions.

    I hope this will help.

    Rab

  • How to resize the print size of an item within my PDF to multiple pages? For example a receipt or another image that can scan in bigger or smaller than my 8.5 x 11 Bill?

    How to resize the print size of an item within my PDF to multiple pages? For example a receipt or another image that can scan in bigger or smaller than my 8.5 x 11 Bill?

    Hello

    In the print dialog box, you would get options to resize your document.

    Try them and see if that helps.

    Once you choose the print option, it would give options to change the size of the page you need.

    Please check and see if it suits you or not.

    Concerning

    Sukrit diallo

  • How to create a gallery page that you can click on an image, expand it and move left or right to see more images?

    How to create a gallery page that you can click on an image, expand it and move left or right to see more images?

    @

    You can use the slideshow widget to do this. For more details: Adobe Muse Help | Working with slide show widgets

  • How to resize layer with a large image of the layer mask?

    Hi all

    How to resize the image on the layer mask?

    * document - doc.width, doc.height

    * mask - activeLayer.bounds

    * and how to take the coordinates in the image with the mask, if the image is larger than the size of the document?

    01.jpg

    2014, use it at your own risk.

    #target "photoshop - 70.032»

    If (app.documents.length > 0) {}

    Var ref = new ActionReference();

    ref.putEnumerated (charIDToTypeID ("Lyr"), charIDToTypeID ("Ordn"), charIDToTypeID ("Trgt"));

    var layerDesc = executeActionGet (ref);

    var layerMaskEnabled = layerDesc.getBoolean (stringIDToTypeID ("userMaskEnabled"));

    If (layerMaskEnabled == true) {}

    // =======================================================

    var idsetd = charIDToTypeID ("setd");

    var desc4 = new ActionDescriptor();

    var idnull = charIDToTypeID ("null");

    var ref1 = new ActionReference();

    var idLyr = charIDToTypeID ("Lyr");

    var idOrdn = charIDToTypeID ('Ordn');

    var idTrgt = charIDToTypeID ("Trgt");

    Ref1.putEnumerated (idLyr, idOrdn, idTrgt);

    Desc4.putReference (idnull, ref1);

    idT var = charIDToTypeID ("T");

    var desc5 = new ActionDescriptor();

    var idUsrM = charIDToTypeID ("rocket");

    Desc5.putBoolean (idUsrM, false);

    var idLyr = charIDToTypeID ("Lyr");

    Desc4.putObject (idLyr, idT, desc5);

    executeAction (idsetd, desc4, DialogModes.NO);

    };

    Alert (app.activeDocument.activeLayer.bounds)

    };

Maybe you are looking for