Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #700770
    #701417

    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

    #701422

    Hey Yigit,

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

    Regards,

    1121 Media

    #701425

    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

    #701426

    Hereby the login credentials.

    Regards,

    1121 Media

    #702196

    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

    #718770

    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

    #720409

    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

    #720445

    Thanks Nikko!

    It works!

    Regards

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Logo size transparent and scrolled’ is closed to new replies.