Hi,
I would like to have the logo in the center, it works fine with Style 3. But on mobile the logo is too big with that style. I uploaded a smaller logo size in the theme panel, but it does not work. I think because of Style 3 with full width.
What can I do, if I want the the logo be placed on mobile like it is with Style 1? On Desktop and tablet it looks like it is with Style 3.
If it is not possible to get that, what can I do to have a better and samller logo size on mobile with Style 3? Changes in css, if so, which ones?
Here’s my website: http://www.happyworklife.de Please have a look on it on your smartphone as well to know what I mean.
Thanks a lot!
Kathrin
Hi,
Unfortunately the theme use the same logo also on mobile when is used header style 3 and 6. You can change the width for logo image on mobile using custom css media queries in Theme Panel > Custom Css: http://screencast.com/t/u2S5E5vVp
@media (max-width: 767px) {
.header-style-3 .td-full-logo img {
width: 50%;
}
}Also if you like you can use a fixed width for screen size until 767px – http://screencast.com/t/YWSvFyfZlP60
This will be changed in version 5 of theme and will be added more header styles options.
Hope this helps!
Hi,
On desktop and tablet it works fine for me with that style and size. Only on mobile the logo is too big for that screen.
So when I change the width via custom css with that code you gave me above, I change it only for mobile or for desktop and tablet as well?
Hi,
It will change the width for your logo only for mobile screens. At 767px screen size the mobile version of the theme appears, so then the size for logo will be changed.
Thanks!
Hi,
Please paste the code in Theme Panel > Custom Css resize the browser window and see how it looks. You can change the width value how you wish(or use a fixed value in px like you ca see in the above screeshot) and save. This code can be removed any time from Custom Css section so don’t worry!
Thanks!
Perfect! Thank you.
