Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2366551
Logo very small in header
Closed

Comments

  • austyntm started the conversation
    April 17, 2020 at 7:49pm

    Hi,


    In the header the logo is very small, is there anyway to make the logo bigger? I don't mind if it makes the whole header bigger.


    When you scroll is goes tiny, I'm not sure what we can do to make that a bit better?


    Thanks so much :)

  •  2,700
    PenciDesign replied
    April 18, 2020 at 2:00am

    Hi,

    Please show me your site URL to I can take it a look.

    As I see on this site: https://zafricatours.com/ everything is fine.


    Best Regards,

    PenciDesign

  • austyntm replied
    April 18, 2020 at 2:56pm

    Hello sir,

    No, this is another website but it isn't visible to the public, that's why I provided the screenshot.

    The menu is keeping the image tiny.

    Please let me know how I can make the image bigger. :)

    Thanks.

  •  2,700
    PenciDesign replied
    April 19, 2020 at 3:11am

    Hi,

    As I can see on the image you sent - it seems the logo image has many white space around it ( on the image ). So you need to remove that white space and re-upload your logo image replace with the current logo image.

    Also, have you buy 2 licenses for those 2 sites? Because with one license, you just can use for one website only.


    Best Regards,

    PenciDesign

  •   austyntm replied privately
  •  2,700
    PenciDesign replied
    April 19, 2020 at 4:15pm

    Hi,

    Ahh, ok. If so please try add more this code to Customize > Custom CSS to make it bigger:

    #navigation.header-6 #logo img, .is-sticky #navigation.header-6 #logo img{ padding: 2px 0; }

    Best Regards,

    PenciDesign

  • austyntm replied
    April 19, 2020 at 4:23pm

    Hi,

    I have added the CSS adviced, however, it only provides a tiny increase. Please look at the website with the login info provided. :)

    You can test the CSS on your side,

    Thanks :)

  •  2,700
    PenciDesign replied
    April 19, 2020 at 4:39pm

    Hi,

    Yeah, of course. Because the logo can't be display outside the main navigationsmile.png

    I think if you want to make it bigger, let's change the navigation height via Customize > Logo and Header Options > Custom Main Nav Height( minimum height 36px )


    Best Regards,

    PenciDesign

  • austyntm replied
    April 19, 2020 at 4:45pm

    Ah yes, that's it!!! Thank you!!!

    Any idea how can hide this logo on mobile, it looks so strange in the header on mobile. 

    Huge thanks for the first issue being fixed.

  • austyntm replied
    April 19, 2020 at 4:50pm

    This is what I'm looking for, see red for what I want to remove and blue for where I want the hamburger. :)

    Thanks so much!

  •  2,700
    PenciDesign replied
    April 20, 2020 at 4:22am

    Hi,

    So, on mobile navigation - you just want to display the hamburger icon on the right side?


    Best Regards,

    PenciDesign

  • austyntm replied
    April 20, 2020 at 9:00am

    Hi,

    Hamburger on the right, search on the left and no socials on the menu on social. :)

    Again, thank you so much for the help. :)

  •  2,700
    PenciDesign replied
    April 20, 2020 at 2:11pm

    Hi,

    Please try add more this code to Customize > Custom CSS to do that:

    @media only screen and (max-width: 768px){
.main-nav-social, #navigation.header-6 #logo{ display: none; }
#top-search{ float: left; }
#navigation .button-menu-mobile{ float: right; }
}

    Best Regards,

    PenciDesign

  • austyntm replied
    April 20, 2020 at 2:48pm

    Ah man, thank you so much!

    That's fantastic. :)

  •   PenciDesign replied privately