I have adopted style 3 for my header on http://www.abritandasoutherner.com and am really happy with how this looks on the desktop version.
However, when using this on the mobile version I would prefer to have the header/logo beside the navigation button and search button rather than directly above it. Is this possible?
Alternatively, if this is not an option, is it possible to increase the height of the header on the mobile version, whenever I view this on my iPhone in portrait mode, it appears fairly thin (height is only 39px)?
Any suggestions would be appreciated!
Cheers
Chris
Hi,
you can try this code (add it via themepanel -> css). It will make the logo a bit bigger. I cannot move it in the same line with the buttons :|. If you want to adjust it’s size play with the 142% value (for size) and -20% (for centering)
/* responsive phone */
@media (max-width: 767px) {
.td-logo {
max-width: 142%;
position: relative;
left: -20%;
}
}
Hope this is ok,
Radu O.
Radu,
Thanks for putting me on the right track!! This will work perfectly for what I am looking for!
Cheers
Chris
