Mobile Version

  • Author
    Posts
  • #131199

    alicerivier
    Member

    Hello!

    I would like to know if it is possible to select only one of the different photos I have on my homepage to appear on the mobile version? I know the theme is mobile friendly but I think the homepage currently looks a bit weird with so many images and I would like to only display one if that’s possible?

    I asked this question to the Live Chat who advised to get in touch here.

    I also want to know how to change the colour of the MENU button on mobile?

    Many thanks in advance!

    The blog I need help with is amcrmanagement.com.

    #131201

    fotispapafotiou
    Theme Author

    Hi there,
    you can try this

    @media(max-width:768px) {
        .gallery-row .gallery-group {
            display:block;
        }
        .gallery-row .gallery-group.images-2, .gallery-row .gallery-group.images-1{
            display:block;
            width:100%!important;
            height:auto!important;
        }
     .tiled-gallery .gallery-row,   .gallery-row .gallery-group.images-2 img ,   .gallery-row .gallery-group.images-1 img{
            width:100%!important;
            height:auto!important;
        }
    }

    to make images fullwidth in mobile and this

    .menu-toggle {
        background:red;
        color:#fff;
    }

    in your custom CSS box to change the mobile menu color.

    #131353

    alicerivier
    Member

    Hello,

    Thank you very much for your reply!

    Unfortunately the first code doesn’t work. It just deletes two of the images on mobile…

    The Menu colour can be changed which is great. Is there no way to keep the Menu as it is on desktop? Or at least adapt the logo / text size so it looks more balanced vs the rest of the homepage?

    I am sorry to come up with so many question but it’s a pity my mobile version looks so different to the desktop which is great…

    Many thanks in advance,
    Alice

    #131356

    fotispapafotiou
    Theme Author

    Hi there,
    it seems I made an syntax error in my suggestion. Can you retry?

    Try this also

    .main-navigation ul{
     display:block;   
    }
    .menu-toggle{
     display:none;   
    }

    to remove the menu toggle on mobile.

    #131357

    alicerivier
    Member

    Hello,

    Thank you for your swift reply.

    The code for images work but they all appear in a row now, what I’m trying to do is either having only one full width (and not show the rest) or a slideshow like on the original OLSEN mobile demo. Is that possible?

    Thank you for the MENU button but it also now changes on desktop which I don’t want so I’m just going to leave it as it is.

    Many thanks again,
    Alice

    #131358

    fotispapafotiou
    Theme Author

    I could not see any issues with the desktop with the code I suggested.

    Also try this

    @media(max-width:768px) {
    
        .tiled-gallery .gallery-group{
     display:block!important;
        float:none!important;
    }
        .gallery-row .gallery-group.images-2, .gallery-row .gallery-group.images-1{
            display:block;
            width:100%!important;
            height:auto!important;
        }
     .tiled-gallery .gallery-row,   .gallery-row .gallery-group.images-2 img ,   .gallery-row .gallery-group.images-1 img{
            width:100%!important;
            height:auto!important;
        }
    }

    for the tilled galleries.

    In order to have the slider you will need to use the latest posts as a homepage and not a static page.

    #131360

    alicerivier
    Member

    Thank you! Understood regarding the slideshow.

    However the code still show all images one after another… If I could only have the book one on the mobile version it’d be great?

    Thank you!

    #131363

    fotispapafotiou
    Theme Author

    Hi,
    I noticed you have resolved this?

    #131389

    alicerivier
    Member

    Yes, the support chat helped me find a way to make it work. Thank you for your help too!

    #131569

    fotispapafotiou
    Theme Author

    Glad I could help!

The topic ‘Mobile Version’ is closed to new replies.