Change Logo acc. to screen width

  • Resolved NM6

    (@himahuja)


    4 years, 6 months ago

    Hi,

    This is a fantastic menu, and the features are quite detailed.

    I have a right menu setup to display on all screen sizes (desktop, tablet, mobile) with a left aligned logo. However, what I need is that I use my detail logo on desktop version and a shorter version on smaller screen sizes.

    How can I achieve that? I’m quite comfortable with making css changes.

    Thanks,

    NM

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    4 years, 6 months ago

    Hi @himahuja,

    There isn’t a default option for that.

    Maybe you can enable the Left Menu, set the icon image to be you short logo image version and with CSS hide and show in the desired resolution.

    There is also a filter in the left menu icon where you can replace it with your HTML.

    
/*WP Mobile Menu Left Menu Content Filter*/
function my_custom_html_left_menu() {
// Maybe modify $example in some way.
return '<div class="mobmenu-left-bt">XX</div>';
}

add_filter( 'mm_left_menu_filter', 'my_custom_html_left_menu' );
    Thread Starter NM6

    (@himahuja)

    4 years, 6 months ago

    Thanks @takanakui. Which of the two solutions do you advise, that works better in different resolutions?

    I would like to display full logo in Desktop and Tablet mode, and short logo in MObile mode.

    thanks again.

    him

    Plugin Author Rui Guerreiro

    (@takanakui)

    4 years, 5 months ago

    I think whatever makes you more comfortable, they will both achieve your goals.

    Thanks.

    Thread Starter NM6

    (@himahuja)

    4 years, 5 months ago

    Thanks Rui. Hope you are safe and healthy in the wake of Corona outbreak.

    thanks.

    Plugin Author Rui Guerreiro

    (@takanakui)

    4 years, 5 months ago

    Thanks @himahuja

    Everything ok in the 2 week of isolation, stay safe.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change Logo acc. to screen width’ is closed to new replies.