Logo clipping on mobile

Hey IanJ,

Can you give us a link to your site? so we can take a closer look. If you can also provide a screenshot on iphone 5, please do so, it would surely help us know how it looks on your end.

Best regards,
Nikko

Hi,

Can you try to add this css code in Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:320px) {
  .responsive .logo img {
    max-height: 38px !important;
  }
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

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

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi,

Thanks, It’s fixed now, there’s some missing closing brackets that’s why the code isn’t working, this is now the changed code:

#top fieldset {
    margin-bottom: 20px;
    margin-top: 20px;
}

#top #header .mega_menu_title a {
    font-size: 16px !important;
    font-weight: 400;
}

.avia_mega_div .avia-menu-text {
    font-size: 14px;
}

.container {
    padding: 0px 25px !important;
}
.main_color .av-hotspot-fallback-tooltip-inner, .main_color .av-hotspot-fallback-tooltip-count {
    background-color: #ffffff;
    color: #000000;
}

.main_color tr:nth-child(even), 
.main_color .pricing-table>li:nth-child(even), 
.main_color .pricing-table.avia-desc-col li {
    background-color: #E1E1E1;
    color: #000000;
}

.pricing-table li.avia-pricing-row { 
  font-size: 25px; 
}

.pricing-table.avia-highlight-col .first-table-item { 
  font-size: 20px; 
}

.toggler.activeTitle {
background: white;
    color: #c13333;
}
.avia_pricing_default .pricing-table li.avia-pricing-row small, .avia_pricing_default .pricing-table li.avia-pricing-row .currency-symbol {
    opacity: 1.0;
    color: black;
}

.main_color .toggler {
    background: white;
    color: black;
}

#wpsl-stores {
    background-color: #f4f3f3 !important;
}
#mobile-advanced { 
    background-color: white; 
}

.wpgmza_button:last-child {
   color:white;
}

.av-image-caption-overlay-center p {
    top: 100px;
    position: relative;
}

#top #header .avia_mega_div ul, 
#top #header .avia_mega_div li {
    background-color:#f2f2f2;
}
.main_menu{
    background-color:#ffffff;
}
#top #header .avia_mega_div > .sub-menu, 
#top #header .avia_mega_div > .sub-menu > li > ul > li a, 
#top #header .avia_mega_div > .sub-menu > li > ul li { 
    background-color:#f2f2f2 !important; 
}

ul.sub-menu b { 
    color: black !important;
 }

# top .av-countdown-timer-title av-countdown-timer-title-top { color: blue; }
.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
float: right;
}

[data-av_icon]:before {
    padding: 10px;
}

#top #header_main_alternate.container_wrap {
    background-color: white; !important
}

#header .twelve.units {
    max-width: 600px;
    margin: 0 auto;
    left: -150px !important;
    right: auto !important;
}

ul#sub-menu.avia_mega li#menu-item-762.menu-item ul.sub-menu{
  left: -200px;
}

#top .social_bookmarks li a {
    font-size: 24px;
}

#top .social_bookmarks_youtube a {
    color: #d71a21;
    background-color: #a72b1d;
}

#top .social_bookmarks_facebook a {
    color: #37589b;
    background-color: #37589b;
}

#top .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #e2e2e2;
    border: 2px solid #d71a21;
}

.hr {
    margin: 10px 0 !important;
}

@media only screen and (min-width: 991px) and (max-width: 1366px) {
  .menu-item {
    display: none;
  }

  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

@media only screen and (max-width: 1366px) and (min-width: 768px) { 
  .logo img {
    max-width: 100%!important;
    margin-top: 10px!important;
    margin-right: 10px!important;
  }
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
    display: block;
    float: right;
  }
}

#top #header_main > .container, 
#top #header_main > .container .main_menu .av-main-nav > li > a, 
#top #header_main #menu-item-shop .cart_dropdown_link {
    height: 70px!important;
   line-height: 70px!important;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 100px!important;
}

@media only screen and (max-width: 767px) {
   .responsive .logo img {
    max-width: 200px!important;
  }

  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0 !important;
  }
}

@media only screen and (max-width:479px) {
  .responsive #top #wrap_all #header_meta .container,
  .responsive #top #wrap_all .container.av-logo-container {
    width: 100%;
    max-width: 100%;
  }

  .responsive .logo img {
    max-width: 140px!important;
  }
}

Let us know if it’s good or if changes are still needed to be made :)

Best regards,
Nikko