Search Results for 'header'

Hi,

I’m not sure what do you want to do, the top menu it’s already responsive. If you need to enable it on mobiles you will have to do it via css because the top menu it’s hidden on mobiles by default: http://screencast.com/t/ck4PFM7JvM

@media (max-width: 767px){
.td-header-menu-wrap {
display: block !important; 
}
}

Hope this helps!

Thanks

Hi,

Add the logo as a menu item like this: http://screencast.com/t/uYar7EvV8k
Result: http://screencast.com/t/vOUutsaa1
Use css to set the max-height to 100% for the logo image to fit well. This method works fine, just tested it.
Use another header style or set the logo you have now to be hidden in desktop screen mode.

Thanks

Hi,

You can change the menu background and underline from theme panel > theme colors: http://screencast.com/t/EtZzSh24fg
To change the text color of the menu go to theme panel > custom typography > menu’s section: http://screencast.com/t/82P6qW1k4
For the underline you can also use this custom css: http://screencast.com/t/SRXSJa1se

.sf-menu > .current-menu-item > a, .sf-menu > .current-menu-ancestor > a, .sf-menu > li > a:hover, .sf-menu > .sfHover > a {
border-bottom: 4px solid #52b3e9 !important;
}

You should also consider changing the menu icons color from white to black: http://screencast.com/t/TC4gyvpPJ6y

Thanks

Hi,

1. Use the following css (add it inside the Theme Panel -> Custom CSS):

.single_template_3 .header-logo-wrap img {
margin-bottom: 10px;
}

2. Check if the sharing buttons are enabled in the Theme Panel – http://screencast.com/t/Vjr7zkgjiZ5Y and if the line is present inside the loop-single-3.php – http://screencast.com/t/7ExjQf21

Maybe you commented the line or moved it in the past.

Thank you, Emil G.

Hi,

1. Yes, use the css for those borders like this to only show it in on tablets and desktop screens:

@media (min-width: 768px) {
.td-menu-placeholder .td-menu-header {
border-bottom: 2px solid black !important;
border-top: 2px solid black;
border-right: 0px solid black;
border-left: 0px solid black;
}
}

Or you can use it like this to hide it on mobiles: http://screencast.com/t/XMOsFYY2

 @media (max-width: 768px) {
.td-menu-placeholder .td-menu-header {
border-bottom: 0px solid black !important;
border-top: 0px solid black;
}
}

2. Unfortunately that happens, and it’s because of the font being large and if you use many menu items, to fix that you can use smaller font (like you did) or modify the menu items width.

3. That is possible but you will need custom work for that as the same classes are used to make the others elements responsive and setting a fixed width for those would apply to all, you would have to find a way to target just the elements you want and change the css, if you want to do it you can always get a freelancer from sites like: http://studio.envato.com/ if you don’t know how to do it yourself.

Thanks for reporting this issues, we will test this.

Thnaks

Hi,

You can use position to move the menu and search as you like: http://screencast.com/t/DirLEMZ4Bqm
Hope this helps!

Thanks

Hi,

@mehendi
I noticed you are using header style 8 so you can upload a mobile logo and that logo will show on smart snap video.

Thanks

Hi,

I have emulated and tested this on devices you have mentioned and found no issue, you just have to add this css, which fixes the breadcrumbs issue:

.post header h1 {
margin-top: 17px !important;
}

ex:
* http://screencast.com/t/DpwwuRAk
* http://screencast.com/t/SQu9m8gG
* http://screencast.com/t/uHtXSmIk

Thanks