Mobile Navigation - Logo and Space size

Home › Forums › Gillion Theme › Mobile Navigation – Logo and Space size

Home › Forums › Gillion Theme › Mobile Navigation – Logo and Space size

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    RESOLVED Posts

  • dianazahe
    Participant

    Hi!

     

    Is there any chance to have the Logo Header smaller? and the Header space reduced?

     

    Please see photo attached

    I tryed to do it with Yellow Pencil but did not work

     

    Thanks

    Attachments:
    You must be logged in to view attached files.

    dianazahe
    Participant

    I tryed as well align the logo to the left, but was not possible

     

    Thanks

    Shufflehound Support
    Moderator

    Hi @dianazahe,

     

    Thank you for your questions.

     

    It displays left aligned and small for me on mobile as shown in the attached screenshot.

     

    please advise.

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    dianazahe
    Participant

    Yes, Im noticing in my cellphone as well right now…not pretty sure what happenend but now the logo is too small and still is the large vertical space margin that I mentioned before.

     

    Can you help me with this please? What can I do?

    Shufflehound Support
    Moderator

    It seems you are using below custom CSS code on your site generated by Yellow Pencil editor which is causing logo to display tiny so please remove it.

     

    #page-container .primary-mobile #header-mobile .sh-header-mobile-navigation .container .sh-table .sh-header-logo-container .header-logo .header-logo-container .sh-table-cell .sh-standard-logo {
    margin-left: -50px !important;
    margin-right: -50px !important;
}

    dianazahe
    Participant

    I remove all the things done with yellow pencil and now is how it looks at the beginning…large logo and large vertical space.

     

    I Put the code that you sent to me but looks the same

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    You can reduce its size by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 397px){
#page-container .sh-header-mobile-navigation .header-logo img {
    max-height: 30px !important;
 }
 .sh-header-mobile-navigation .sh-nav-container {
    padding: 20px 0;
}
}

     

     

    dianazahe
    Participant

    Thanks for the code, everyhting was correct until i checked the horizontal view from celphone and now all the components of the header went down… even the logo dont look complete

     

    Please see photo attached

     

    Thanks for your patience

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    It is displaying fine for me as shown in the attached screenshot.

     

    Please tell me exactly where you are getting the issue so that I can troubleshoot it.

    Also don’t just resize the browser but refresh it.

    Attachments:
    You must be logged in to view attached files.

    dianazahe
    Participant

    this happens when im in seeing the site with the phone in vertical, then I turn the phone to horizontal and the menu goes down as the photo that i sent you previously.

     

    So the error appears when you go from vertical to horizontal and keep in that way unless you refresh the browser keeping the horizontal position.

     

    (The only way to see it properly as the photo that you sent is by refreshing the browser while celphone is still in horizontal position. But before that the user  see the error)

     

     

    Shufflehound Support
    Moderator

    This seems happening because of the custom code used on your site.

     

    Do you see the same issue on below demo site?

     

    https://gillion.shufflehound.com/

    dianazahe
    Participant

    no. looks perfect

    Shufflehound Support
    Moderator

    Solution for this topic

    Then it is definitely happening because of the custom code used on your site.

    dianazahe
    Participant

    Thanks for the support

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)