I’m using my logo, dimension 544×187, loaded om WP.
Is there a way to have a bigger logo in mobile view?
I’ve disabled also search and menu icons but they continue to be showed on mobile, but not when I use desktop browser in mobile mode. Is there something I miss?
Thanks in advance,
David.
Only for email notification, sorry I forgotted the check
Hello,
The mobile logo can be edited only with a custom css, you can try this code:
.td-main-menu-logo img {
width: 150px;
}
The code should be set in the theme panel > custom code> advance css > phone section.
TO hide the mobile and search on mobile you’ll need to use this custom css:
#td-top-mobile-toggle, .td-search-wrapper {
display: none;
}
The code should be set in the same place as the first one.
I hope this will help you!
Calin,
thanks for your answer.
I hope in a customization without code: customize logo using css is really hard and involve some other part of HTML and a lot of work. Your code does no changes.
About the second part seems your code, no changes again.
Can I try something else?
David.
Ok working on the other part of customization, the Mobile Theme -> Custom Code, I obtained some results using this code:
.td-header-wrap {
height: 90px;
}
.td-main-menu-logo img {
max-height: 90px;
bottom: unset;
}
#td-top-mobile-toggle, .td-search-icon {
display: none;
}
Not perfect but a big step.
Thanks,
David.
Hi baldodavi, if you can provide a link to your website I can create the css base on your website needs, the one above is a general css.
Thank you!
Hmm, it looks that you are using the mobile theme plugin and this was why the general code was not apply.
From what I se now you’ll need just one small edit, please add this css :
you can add the width in this code
.td-main-menu-logo img {
max-height: 100px;
bottom: unset;
width: 100%;
}
#td-outer-wrap .td-header-wrap {
height: 100px;
}
This should make the logo look the same as on desktop.
