Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 5, 2015 at 3:41 pm #375108
    Morticka

    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

    January 5, 2015 at 3:52 pm #375113
    Yigit

    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

    January 6, 2015 at 11:44 am #375604
    Morticka
    This reply has been marked as private.
    January 8, 2015 at 3:25 pm #376786
    Yigit

    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

    January 9, 2015 at 12:24 am #377147
    Morticka
    This reply has been marked as private.
    January 12, 2015 at 2:54 pm #378255
    Yigit

    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

    January 13, 2015 at 3:56 pm #378857
    Morticka
    This reply has been marked as private.
    January 13, 2015 at 4:02 pm #378858
    Yigit

    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

    January 13, 2015 at 4:47 pm #378901
    Morticka
    This reply has been marked as private.
    January 13, 2015 at 4:48 pm #378902
    Yigit

    Hey!

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

    Cheers!
    Yigit

    January 13, 2015 at 5:08 pm #378917
    Morticka

    Hi Yigit,

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

    Sincerely,
    Barb

    January 13, 2015 at 5:16 pm #378921
    Yigit

    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

    January 13, 2015 at 6:20 pm #378980
    Morticka

    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

    January 13, 2015 at 7:04 pm #379023
    Yigit

    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

    January 14, 2015 at 2:54 pm #379414
    Morticka
    This reply has been marked as private.
    January 14, 2015 at 3:43 pm #379442
    Yigit

    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

    January 14, 2015 at 4:46 pm #379522
    Morticka

    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

    January 14, 2015 at 4:56 pm #379533
    Yigit

    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

  • Author
    Posts
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.