Shop Categories

X

Big logo on mobile version

Home Forums Agama Pro Big logo on mobile version

Topic Resolution: Resolved
  • This topic has 4 replies, 2 voices, and was last updated 2 years ago by Zex.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #26890
    Maddy
    Participant

    Hi Zex!

    I made the logo big on the desktop version and it’s pushing again the icon search on the second line. Can you help me again with this issue, please?
    Also, on the mobile/tablet version, the logo still remains big and I need it smaller. Because the logo is so big it is creating a sidebar on the bottom of the website which I don’t want it. Can you help me please fix these issues as well?

    Thank you so much!

    Best wishes,
    Maddy

    #26891
    Zex
    Moderator

    Hello,Maddy!

    1. Just set the smaller Font size in the custom CSS code I gave you previously.

    2. You should be able to insert the same Logo image and set the smaller size for the Tablet/Mobile view, from Customizing->Logo->Mobile logo menu

    https://prnt.sc/spma2p

    Please let me know if this option for some reason don’t work for you, and I will give you the right code to fix that.

    Regards

    #26892
    Zex
    Moderator

    Hello,Maddy!

    1. Just set the smaller Font size in the custom CSS code I gave you previously.

    2. You should be able to insert the same Logo image and set the smaller size for the Tablet/Mobile view, from Customizing->Logo->Mobile logo menu

    https://prnt.sc/spma2p

    Please let me know if this option for some reason don’t work for you, and I will give you the right code to fix that.

    Regards

    #26895
    Maddy
    Participant

    Hi Zex!

    Thank you for coming back to me. I added another logo for the mobile version as you suggested but unfortunately is creating a second logo. Can you please send me the code to fix this? Thank you!

    Best wishes,
    Maddy

    #26896
    Zex
    Moderator

    Hi, Maddy!

    Here is the code to fix that problem:

    @media only screen and (max-width: 715px) {
    #agama-logo .logo-desktop{
        max-height: 23vw!important;  
        }
    }

    Change the max-height value per your wish.

    Regards

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.