Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 6, 2013 at 4:05 pm #197005
    farrahhaidar

    I am having some trouble with the logo on mobile devices. Everything resizes correctly but the logo gets cut off. I have tried cutting and pasting some code from the forums but it re-sized on the width and not the height of the logo. How can I get the logo to be smaller only on mobile devices?

    The website is being staged at: http://www.farrahtest.com

    December 6, 2013 at 6:47 pm #197066
    Yigit

    Hey farrahhaidar!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) { 
.responsive .logo { height: 145px; }
#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 150px !important;
line-height: 150px !important;
max-height: 150px!important;
}}

    Regards,
    Yigit

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Logo on Mobile Phones’ is closed to new replies.