Hi 🙂
I have just bought the template and I think is really great 🙂
1) Is it possible to have the logo in the middle and the search button to the right?
2) Is it possible to choose another background color for the mobile menu – I want to use white as background for the desktop menu and green for the mobile menu.
Hi,
and thanks for those nice words 🙂
1. I presume that you ask about on phone devices? If yes add this CSS in Theme panel -> Custom CSS section:
#td-top-mobile-toggle {
position: absolute;
top: 2px;
}
#td-top-search {
position: absolute;
right: 0px;
top: 0px;
}
.mobile-logo-wrap img {
left: auto;
margin-left: auto;
margin-right: auto;
position: relative;
right: auto;
}
.header-search-wrap .dropdown-menu:before {
right: 15px;
}
.header-search-wrap .dropdown-menu {
left: -280px;
top: 46px;
}2. Use this CSS
@media (max-width: 767px) {
.td-full-layout .td-menu-background {
background: #66af2a !important;
}
}Thanks!
Hi I have just done this for my site. I have a dark blue main menu in desktop/ipad and a white menu background for my phones.
The problem is that I use white icons for my desktop so when it goes to the phone the menu and search icons, cannot be seen.
What CSS do I need to change these icons to black for mobile phone devices?
Hi,
Add this CSS in Theme panel -> Custom CSS
@media (max-width: 767px) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url('http://www.yoursite.com/wp-content/themes/Newspaper/images/sprite/elements.png');
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url('http://www.yoursite.com/wp-content/themes/Newspaper/images/sprite/elements2x.png');
}
}Replace this: http://screencast.com/t/uSbxUnLN
Thanks!
This has change the size of the sprites but not the color? I need white for desktop and black for phones
Hi,
The theme have in theme panel to choose black or white icons for the menu. I see that you use the white version and i gave you a CSS to switch to black version on mobile.
I can give you if you want a screenshot to see that the solution above works. The size of the sprites are the same for black or white version.
Thanks for the message!
