Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 18, 2016 at 5:09 pm #700770
    October 19, 2016 at 4:32 pm #701417
    Yigit

    Hey 1121,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .logo > a > img {
    max-width: 150px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    October 19, 2016 at 4:40 pm #701422
    1121 Media

    Hey Yigit,

    I have inserted the code but nothing changed. Maybe some of our code is overriding this.

    Regards,

    1121 Media

    October 19, 2016 at 4:41 pm #701425
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Yigit

    October 19, 2016 at 4:43 pm #701426
    1121 Media

    Hereby the login credentials.

    Regards,

    1121 Media

    October 21, 2016 at 8:00 am #702196
    Nikko

    Hi,

    I have this code in Quick CSS:

    @media only screen and (min-width:768px) {
  #top .logo {
    width: 150px;
  }

  #top .av_header_transparency .logo {
    height: 200px;
    width: 340px;
  }

  #top #header_main > .container, 
  #top #header_main > .container .main_menu ul:first-child > li > a, 
  #top #header_main #menu-item-shop .cart_dropdown_link {
    height: 91px !important;
    line-height: 100px !important;
  }

  #top .av_header_transparency #header_main > .container, 
  #top .av_header_transparency #header_main > .container .main_menu ul:first-child > li > a, 
  #top .av_header_transparency #header_main #menu-item-shop .cart_dropdown_link {
    height: 120px !important;
    line-height: 180px !important;
  }
}

@media only screen and (max-width:767px) {
  .responsive #top .logo {
    margin-left: 0;
  }

  .responsive #top .logo img {
    max-height: 80px !important;
  }
}

    and have commented this code out:

    .logo > a > img {
    max-width: 150px;
}

.logo, .logo a, .logo a img {
width: 340px;
height: 200px;
}

    With those codes added the Desktop, Tablet and Mobile versions should look good, you can play on the values as you see fit. Please let us know if there’s any issues with it and we would be glad to answer. :)

    Best regards,
    Nikko

    November 30, 2016 at 2:14 pm #718770
    1121 Media

    Hi Nikko,

    I have some issues with the logo.

    If i scroll up and down the logo seams to change size and isn’t changing smooth. You can see a logo appearing in larger size than i would like. Afterwards the logo changes back to the correct size. How can i make that big logo disappear when i scroll up and down? How can i fix this?

    The rest of the menu is fine so please don’t change anything to menu.

    Regards

    December 5, 2016 at 11:37 am #720409
    Nikko

    Hi,

    Try adding this code in Quick CSS:

    #top .av_header_transparency.av_alternate_logo_active .logo a > img {
    display: none;
}

    Place it above:

    @media only screen and (min-width:768px) {

    Let us know if it helps.

    Best regards,
    Nikko

    December 5, 2016 at 12:58 pm #720445
    1121 Media

    Thanks Nikko!

    It works!

    Regards

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Logo size transparent and scrolled’ is closed to new replies.