Menu above built with this plugin including Mega Menu.

Top Bar Logo size

This topic contains 6 replies, has 2 voices, and was last updated by  Peter Featherstone 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #60434 Reply

    Jay Warren
    Participant

    Me Again!

    I’m trying to get the top bar logo larger on a desktop. It currently looks great on my phone but if I make it any bigger then it clashed with the burger. Also, is there an easy way to change the left-hand margin on the same logo?
    The site I’m working on is https://sharkfin-dev.co.uk/056/

    Thanks Again!
    Jay

    #60435 Reply

    Jay Warren
    Participant

    I’ve reduced the bar size and am actually happy with the logo size now. I still need to move the left padding though.
    One other question. How do I make the top level of the submenu clickable? On the above test site, it is the ‘HOME’ text button.

    #60436 Reply

    Jay Warren
    Participant

    The final question of the day :) if you open the menu, the white left edge of the menu logo gets lost as it’s white against white. Can a border be added to this?

    #60444 Reply

    Hey Jay,

    What part of your logo are you talking about as I only see grey in the logo and not white.

    You can add a border using the below Custom CSS if you want:

    #responsive-menu-pro-header #responsive-menu-pro-header-bar-logo img {
    	margin-top: 0px;
    	border: 1px solid black;
    }

    Please let me know

    Peter

    #60464 Reply

    Jay Warren
    Participant

    Hi Peter,
    I’m talking about the side menu once opened. The left-hand white edge is the same colour as the top menu so it blends into one. I’m looking to add an edge so it stands out.

    #60472 Reply

    Jay Warren
    Participant

    I’m playing around with the look of the sidebar so the logo may not be there next time you look. My biggest issue right now is making home clickable on the menu.

    #60506 Reply

    Hey Jay,

    So you just want a left border on the menu container itself? If so the below is all you need:

    #responsive-menu-pro-container {
       border-left: 1px solid red;
    }

    All the best

    Peter

Viewing 7 posts - 1 through 7 (of 7 total)
Reply To: Top Bar Logo size
Your information:





<a href="" title="" rel="" target=""> <blockquote cite=""> <code> <pre> <em> <strong> <del datetime=""> <ul> <ol start=""> <li> <img src="" border="" alt="" height="" width="">

Responsive Menu Title Image
Responsive Menu
No coding knowledge needed