Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #375108

    Hi guys,

    Best wishes for 2015!

    Last year you helped me make Enfold (2.9.2) work like a charm. But since the 3.0 update some of those changes do not work anymore.

    Currently I have 3.0.4 installed on my Staging Site and 2.92 on my live site. My live site is how everything should look.

    The differences:
    1. Breadcrumbs: They are no longer aligned in 3.0.4
    2. Responsive, both versions: On Safari, when you turn the ipad in landscape mode, the logo disappears
    3. Responsive 3.0.4: On Mobile phone, the logo and menu are not aligned and the shopping cart appears
    4. Responsive 3.0.4.: On Mobile phone, the width of the content is smaller

    Can you help me correct the issues on 3.0.4?

    Sincerely,
    Morticka

    #375113

    Hey!

    Thank you for your wishes Barb, happy new year to you as well!

    Please add following code to Quick CSS

    .title_container .breadcrumb { padding: 0 50px; }
     .cart_dropdown { display: none !important; }
    @media only screen and (max-width: 480px) {
    .av-main-nav > li > a {
    height: 0px!important;
    line-height: 1px!important;
    top: -15px;
    position: relative;
    }}

    please go to Enfold theme options > General Layout > Dimensions and adjust as needed

    Cheers!
    Yigit

    #375604
    This reply has been marked as private.
    #376786

    Hi!

    Sorry for the late reply Barb! Do you mind creating a temporary admin login and posting it here privately? Code i posted should have worked, we would like to look into it :)

    Regards,
    Yigit

    #377147
    This reply has been marked as private.
    #378255

    Hi!

    Please review your website now Barb! Seems like you have accidentally added custom CSS code to Google Analytics field – http://i.imgur.com/gFzoqKp.png :)

    Regards,
    Yigit

    #378857
    This reply has been marked as private.
    #378858

    Hi Barb!

    Happens to the best of us :)
    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    #top #wrap_all .main_color h1 {
    font-size: 28px;
    }
    .responsive .logo img {
    max-width: 85%;
    }
    nav.main_menu {
    margin-top: -25px;
    }}
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
    width: 90%;
    max-width: 90%;
    }}

    !important rule should not cause any issues as long as used on correctly targetted selector

    Best regards,
    Yigit

    #378901
    This reply has been marked as private.
    #378902

    Hey!

    Have you tried adjusting the dimensions in Enfold theme options > General Layout > Dimensions tab?

    Cheers!
    Yigit

    #378917

    Hi Yigit,

    Yes, that’s the first thing I tried, but it looked ugly (see post #375604)

    Sincerely,
    Barb

    #378921

    Hey!

    Can you please try increasing values in this code i posted previously

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
    width: 90%;
    max-width: 90%;
    }}

    Regards,
    Yigit

    #378980

    Hi Yigit,

    Actually the width of the content is fine, it’s the same as 2.9.2.

    I just have to:
    1. move the logo a little to the left
    2. move the search icon to the right (closer to the menu)
    3. move the menu a little to the right.

    I did that previously in the code for 2.9.2 but 3.0.4 does not use that code.

    Do you know how to fix it?

    Sincerely,
    Barb

    #379023

    Hey Barb!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    div#header_main .container {
    max-width: 95%!important;
    width: 95%!important;
    }
    .av-main-nav > li > a {
    left: 15px;
    }}

    Best regards,
    Yigit

    #379414
    This reply has been marked as private.
    #379442

    Hey Barb!

    I could not reproduce the issue on my end but you can adjust the height using following code in Quick CSS field

    @media only screen and (max-width: 767px) {
    .responsive .title_container .breadcrumb { top: -6px; }}

    Cheers!
    Yigit

    #379522

    Hi Yigit,

    Yes, that’s it!!!

    My staging site with 3.0.4 looks exactly as 2.9.2 again. Now I can start to upgrade my live website.

    Again, thank you very much for your terrific, wonderful and fast support Yigit :D

    Sincerely,
    Barb

    #379533

    Hey!

    You are welcome Barb, we are always happy to help :) Feel free and let us know if you have any other questions or issues!
    Have great day!

    Cheers!
    Yigit

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Responsive issues after upgrade from Enfold 2.92 to 3.04’ is closed to new replies.