Change image size on mobile products page

This topic has 16 replies, 4 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

  • Avatar: martijntje
    martijntje
    Participant
    March 9, 2015 at 20:26

    Hello,

    Is it possible to change the size of the images on the product page layout, mobile version?

    Can you also send me the payment details to have the fixed header?

    Best regards,

    Martin

    Please, contact administrator
    for this information.
    15 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    March 10, 2015 at 17:17

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {.products-grid .product .product-image-wrapper {
      width: 200px;
    }}

    How to create custom.css you can watch in this tutorial.

    Could you please clarify the issue with fixed header? As I see it’s shown.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: martijntje
    martijntje
    Participant
    March 11, 2015 at 07:31

    Hello Eva,

    Tnx for the reply, it fixed it!

    For the header: I would like to have it fixed in top all the time, also when opening the website. You told me it could be done but after payment.

    Tnx again, Martin.

    Avatar: Eva
    Eva Kemp
    Support staff
    March 11, 2015 at 09:11

    Hello,

    As I see fixed header is activated on your site.
    Could you please clarify with more details?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: martijntje
    martijntje
    Participant
    March 11, 2015 at 22:18

    Hi,

    We would like to have the fixed header always activated, also when you scroll to the very top of the page.

    Tnx!

    Avatar: stan
    Stan Russell
    Participant
    March 12, 2015 at 09:15

    Hello,
    in our theme fixed header is activated when page is scrolled down while header is displayed on top of a page by default.

    Regards,
    Stan Russell.

    Avatar: martijntje
    martijntje
    Participant
    March 12, 2015 at 11:37

    Hello,

    I would like to have it activated when the website is openend. So I would like to have the full width fixed header always.

    Tnx!

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 12, 2015 at 16:32

    Hello,

    You can do this, but after that customization you need to customize header area because you will be have collapse with fixed header and header.
    If you want this please comment out following code in \wp-content\themes\legenda\js\etheme.js file on line 706-721.

    /*    $(window).scroll(function(){
            if (!$('body').hasClass('fixNav-enabled')) {return false; }
            var fixedHeader = $('.fixed-header-area');
            var scrollTop = $(this).scrollTop();
            var headerHeight = $('.header-wrapper').height() + 20;
            
            if(scrollTop > headerHeight){
                if(!fixedHeader.hasClass('fixed-already')) {
                    fixedHeader.stop().addClass('fixed-already');
                }
            }else{
                if(fixedHeader.hasClass('fixed-already')) {
                    fixedHeader.stop().removeClass('fixed-already');
                }
            }
        });*/

    and add this code in custom.css file

    .fixed-header-area{
    top: 0;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: martijntje
    martijntje
    Participant
    March 15, 2015 at 21:32

    Hello Robert,

    Tnx for your kind answer. May be I did something wrong but the header isn’t full width at any moment now. Wat am I doing wrong :(…

    Best regards,

    Martin

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    March 16, 2015 at 14:28

    Hello,

    As I see header is shown full width in boxed layout.
    Could you please describe the issue with more details?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: martijntje
    martijntje
    Participant
    March 21, 2015 at 20:44

    Hi,

    See the link: I would like to have the full width fixed navigation always on top of the site. Even when scrolled up I would still like to have it full width.

    Tnx!

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 23, 2015 at 18:37

    Hello,

    Try to add this code in custom.css file

    .fixed-header-area{
    top: 0;
    }

    Regards,
    Robert Hall.

    Avatar: martijntje
    martijntje
    Participant
    March 24, 2015 at 09:17

    Hi Robert,

    Unfortunately it doesn’t work :(.

    Do you have a suggestion?

    Best regards,

    Martin

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 24, 2015 at 09:44

    Hello,

    Sorry, but your credentials isn’t correct. Please provide us again.

    Regards,
    Robert Hall.

    Avatar: martijntje
    martijntje
    Participant
    March 26, 2015 at 22:08

    Hi Robert,

    Please find attached.

    Regards,

    Martijn

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    March 27, 2015 at 10:44

    Hello,

    Unfortunately header can’t be full width with boxed layout. In this case you need select Wide layout in Theme Options > General.

    Regards,
    Eva Kemp.

  • Viewing 16 results - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.