Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #775522

    Hey guys,

    Is it possible to edit the mobile view of our website http://www.realit.ch?
    We’ve made the logo and caption static that’s why they appear so big on mobile.
    Is there a way to “hide” all the layers and just have the slideshow photos showing? If possible, we’d like the logo there on the top left, but much smaller.

    View post on imgur.com

    Thank you for your help.

    Kind regards
    Aline

    #776305

    Hey Aline,

    All this has to be done via css and hiding some element you don’t want on mobile and showing elements that were built specifically for mobile.
    So you can just list the issues that you have and we try to figure them out with you.

    As for the logo, you can show it even smaller

    
    @media screen and (max-width: 450px) {
        .custom-logo-wrap {
            width: 100px;
        }
    }
    

    Here are the Layer Slider settings, where you control when to hide it at all.

    Best regards,
    Victoria

    #781062

    Hey Victoria,

    Thank you for your help. Your CSS Code made the logo smaller which is great and I was able to hide the layers.

    Now as you can see below, the caption below the logo is super big because it has been fixed/made static by a developer, therefore it doesn’t show nicely on mobile anymore. Can we hide it?

    View post on imgur.com

    Also can we move the logo’s position to the top left corner?

    Many thanks and best regards,
    Aline

    #781130

    Hi Aline,

    I’ll add to Victoria’s code.

    @media screen and (max-width: 450px) {
    	.custom-logo-wrap {
    		width: 100px;
    		top: 10px;
    	}
    	.custom-logo-wrap span {
    		display: none;
        }
    }
    

    I left 10px on top of the logo to still give it a bit of space. Is that all right? You can adjust the value, if you’d like.

    The second part of the code hides the caption under the logo. But, if you would like to specify a font size for mobile for that caption instead of hiding it, we can do that, too.

    I hope that helps!

    Sarah

    #781176

    Perfect, thank you!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘responsiveness: how to edit mobile view’ is closed to new replies.