Header Logo doesn't scale on mobile devices

Home Forums FoodHunt Free Header Logo doesn't scale on mobile devices

This topic contains 12 replies, has 4 voices, and was last updated by  Nima 1 month, 1 week ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1306077

    Adam
    Participant

    Hi, guys!
    First I would like to say thank you for yout templates – all of them are great!
    Second I would like to ask you for your help with the Food Hunt template on my website http://www.salonendorfina.com. From the very beginning the header logo is positioned too high (higher than the Food hunt logo in the demo version) and it doesn’t scale on mobile devices. What could be the reason of this issue and how to fix it?

    #1306078

    Adam
    Participant

    I just uninstalled theme, emptied cache and installed Food Hunt again but the problem remains… Help!

    #1306130

    ashishsthanp
    Moderator

    Hello, @adam

    It seems you’re not using our theme. So, we are not able to support on your query.

    Let us know after you switch to our theme.
    Hope you understand. 🙂

    Regards,
    ThemeGrill Support Team.

    #1306143

    Adam
    Participant

    Sorry, guys, I just activated maintenance mode yesterday. You can check the website now – your theme is already active 🙂

    Thanks in advance!

    #1306441

    ashishsthanp
    Moderator

    Hello, @furys

    It seems you’ve changed CSS code in theme’s file. If yes, please revert back your code.

    Also, can you explain in detail where you want the logo be?

    Regards,
    ThemeGrill Support Team.

    #1327995

    witchmellor
    Participant

    Hello I am experiencing the same problem with my site retox2u.com I have made my logo 150×150 and also uploaded a clean style.css file in case I had done some changes but I still have the same. The logo does not rescale on mobile device.

    Any help would be appreciated.

    Thanks

    #1328085

    ashishsthanp
    Moderator

    @witchmellor

    The logo seems to work properly as it meant to be in mobile device.
    Can you check and confirm?

    Thanks.

    #1328224

    witchmellor
    Participant

    Hi Ashish and thanks for the reply, my customer is actually not happy with the sticky header being enabled on default but he reported that the logo was covering the site. I have explained how it works and he will have to pay for the full version to disable it.

    On checking against your theme details page, the area where the logo sits seems a lot narrower than what we see on the mobile version which is what made me me think the logo wasn’t rescaling. Examples follow. Thanks

    Customer mobile view

    My mobile view

    As it appears on your sales page

    #1328346

    ashishsthanp
    Moderator

    @witchmellor

    You can change sticky header option from Appearance > Customize > Header Options > Header Sticky Option.

    What do you mean by the area where the logo sits seems a lot narrower.

    Can you explain?

    Thanks.

    #1328350

    witchmellor
    Participant

    Hi again and thanks for that, I found the option, doh! I’ve now changed my logo which I hope my customer will like but just to explain I have attached a pic of yours and mine highlighting the header area so you can see what I meant. All the best and thanks for a great theme.

    screenshot comparisons

    #1328504

    Nima
    Moderator

    Hi withcmellor,

    To make the same logo style in your site you have add the customize CSS code which is given below:

    @media (max-width: 768px) {
    .logo-text-wrapper, .text-only .logo-text-wrapper {
      display: inline-block;
      position: absolute;
      top: 42px;
      -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
      width: 150px;
    }
    }
    @media (max-width: 768px) {
    .logo-text-wrapper, .text-only .logo-text-wrapper {
      top: 17px;
      width: 100px;
    }
    .bottom-header {
      padding: 20px 0;
      text-align: center;
    }
    }

    Regards!
    ThemeGrill Support Team

    #1328518

    witchmellor
    Participant

    Perfect! thank you very much for you support.
    Philip

    #1328664

    Nima
    Moderator

    Hi withcmellor,

    Nice to know your issue is resolved.
    Please, help us to improve by rating us here in the below link:
    https://wordpress.org/support/theme/foodhunt/reviews/?filter=5

    Regards!
    ThemeGrill Support Team

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

You must be logged in to reply to this topic.