Legenda responsiveness - by guychaimy - on WordPress WooCommerce support

This topic has 26 replies, 3 voices, and was last updated 9 years, 6 months ago ago by Eva Kemp

  • Avatar: guychaimy
    guychaimy
    Participant
    February 11, 2015 at 17:11

    Hey,

    My website (www.cig-re.com) looks trouble on cellular.

    The fonts size are not proportionate to the screen size.
    Testimonials widget – the frames are connected one to the other.
    The Slider – very small and irrelevent.

    Please advise.

    Thanks,

    Guy

    25 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 11, 2015 at 17:39

    Hello,

    Please update Visual Composer plugin to the latest version.
    You can download the latest plugins versions at this link https://www.8theme.com/download-plugins/ ,
    enter your purchase code of the theme to get the plugins.

    Regards,
    Robert Hall.

    Avatar: guychaimy
    guychaimy
    Participant
    March 1, 2015 at 16:08

    Thanks.

    Where can I find the code?
    What can I do if I lost it?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 2, 2015 at 12:55

    Hello,

    If you’re logged in to the forum you can easily download the plugins https://www.8theme.com/download-plugins/ .
    Please check this link.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    March 5, 2015 at 07:06

    Hey,

    I updated the entire theme to the newest version 2.6.2. Is it enough or should I update the plugins as well?

    The Testimonials section in my website (on cell phones) looks bad.

    Thanks,

    Guy

    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 5, 2015 at 08:27

    Hello,

    Yes, please update plugins to latest versions too.

    Regards,
    Robert Hall.

    Avatar: guychaimy
    guychaimy
    Participant
    May 27, 2015 at 11:37

    Hey,

    I updated everything and still I’m having the same problem.
    Fonts too big and testimonials section is not working properly.
    Please advise.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    May 27, 2015 at 11:53

    Hello,

    Did you make any changes in original theme files?
    Please provide us with FTP and wp-admin panel credentials.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    May 27, 2015 at 12:46

    Hey,

    i didn’t make any changes in the original theme. I only used custom.css.

    Thanks,

    Guy

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    May 27, 2015 at 13:52

    Hello,

    Now you’re using old theme version.
    Please update the theme to the latest version 2.7.1.
    Before update delete “woocommerce” folder in the directory wp-content/themes/legenda/ and it’ll be reuploaded from a new theme package.
    Also update all required plugins https://www.8theme.com/download-plugins/ .

    Don’t forget to create back up of your files and database before starting update process!

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    May 27, 2015 at 18:40

    Hey,

    I updated the Theme to 2.7.1
    I updated the Plugins.

    The problems were not solved.
    In addition the parallaxed picture in the testimonials section is not moving well in large scale screens and not moving at all in small screens.

    Please advise.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    May 28, 2015 at 11:05

    Hello,

    Please try to use this code in custom.css file:

    @media (max-width: 480px) {.et_section.parallax-section {
        position: static !important;
        margin: -20px !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    May 28, 2015 at 12:14

    Hey,

    I put the code.

    It didn’t solve the problem on mobile screens.
    The navigation bar and the top of the Heading are out of the “frame”.

    Also I would like to make all the h1 headings smaller on mobile screens so it will look proportional..

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    May 28, 2015 at 15:30

    Hello,

    I’ve edited the code for parallax effect. Please check now.
    To change font size for h1 add this code in custom.css file:

    @media (max-width: 480px) {h1 {
        font-size: 38px !important;
    }}

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    May 28, 2015 at 19:31

    Thanks Eva.

    It looks much better.

    The only thing now is that the left border of the next testimonial frame is seen together with the current frame.

    Also could you please tell me the changes you made so the next time there will be an update I’ll be able to do it myself?

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    May 29, 2015 at 09:56

    Hello,

    As I see you removed the code, so I’ve added it again to custom.css file:

    @media (max-width: 480px) {.et_section.parallax-section {
        position: static !important;
        margin: -20px !important;
        background-size: cover !important;
     }
    .vc_custom_1432806681116 {
       background-position: center center !important;
       background-size: cover !important;
    }}

    Please check.

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    May 29, 2015 at 11:04

    Hey,

    I often update my custom.css, I didn’t know I erased it. sorry.

    Unfortunately it still not working properly. It needs to be tested on mobiles and not on Chrome/IE developer tool.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    May 29, 2015 at 12:31
    Avatar: guychaimy
    guychaimy
    Participant
    May 29, 2015 at 16:07

    Here is the link to screen shots from Android phone:

    https://www.dropbox.com/sc/zeykmyds4lmjyj8/AAC9XRfGL4h0RlzpmMFtF023a#/

    Avatar: guychaimy
    guychaimy
    Participant
    June 10, 2015 at 09:00

    Hey,

    Please advise on my last response.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    June 10, 2015 at 10:32

    Hello,

    Sorry for a delay. I’ve added the code in CSS block of VC editor in your home page:
    http://storage4.static.itmages.com/i/15/0610/h_1433928640_7988087_b090405656.png
    Please check testimonials slider on mobile now.

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    June 10, 2015 at 11:15

    Hey,

    I checked and still it’s not perfect yet:
    https://www.dropbox.com/s/hmua39sws51bqg8/Screenshot_2015-06-10-13-04-48.png?dl=0

    I think the size of the block is ok but it needs to be shifted to the left.
    Also <div> height is not suite for my longest testimonial.

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    June 10, 2015 at 20:42

    Hello,

    I’ve edited the code.
    Please check now.

    Regards,
    Eva Kemp.

    Avatar: guychaimy
    guychaimy
    Participant
    June 11, 2015 at 10:53

    Hey,

    Like the posts or pictures at the lower section of the page, see attached screenshot.

    Thanks,

    Guy

    Avatar: guychaimy
    guychaimy
    Participant
    June 11, 2015 at 11:10

    Hey,

    I wish to make it as wide as the pictures or the posts frame in the lower section of the page.
    You can see it in the screenshot below:

    https://www.dropbox.com/sc/oqg0ocbpswlp3g1/AAC-BPalplR9Zk1du_izVvF1a

    Thanks,

    Guy

    Avatar: Eva
    Eva Kemp
    Support staff
    June 11, 2015 at 14:33

    Hello,

    Unfortunately it can’t be stretched for testimonials slider as the part of next testimonial will be shown. Sorry.

    Regards,
    Eva Kemp.

  • Viewing 26 results - 1 through 26 (of 26 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.