Hi there,
First of all I must confess that this is one of the best themes I’ve come across and it has completely transformed my website to something special. 😀
1.) I have added social icons which are about 2 rows in the footer. On the desktop they look perfectly neat, however on the mobile, the two rows of the social icons seem to be slightly not in line. Kindly check the below URL on the mobile.
2.) I am using SEO ultimate as my SEO plugin. In my previous theme and also in Google search results the Title separator was being used as ‘<<‘ . However in my new site the Title separator has become Pipe i.e ‘|’. Just curious to know where it is coming from. Also even if I don’t change it would it really make a difference?
Thanks,
Prasenjit.
Hi,
Thank you for your kind words and appreciation.
1) Thank you for pointing this out. There seems to be a problem with the alignment on mobile. You can use this custom css to fix it and i will add this to our bug list and fix it in the next version of the theme:
@media(max-width:767px){
.td-social-style-2 .td-social-icon-wrap{
margin: 5px 5px!important;
}
}
2) I’m not sure how your plugin ads the separator to but this is just a symbol and it should not affect anything. The plugin you use is not tested so I cannot say for sure if it will work properly. The plugin we recommend for seo is SEO YOAST as it is tested and works properly with our theme. (It will also control the separators.)
Thank you!
Thanks a lot for the alignment. I’m glad that I have made my contribution to this wonderful theme.
2.) The site is already been using the plugin for a while now so dunno how i would export my meta desc etc from the old one to SEO Yoast. Will keep it the way it is as of now and see how Google takes it.
3.) I noticed that the Top Menu wasn’t visible so I added the code which was given in the forum. However, can the social icons be hidden from the mobile since we are already having them on the footer. Also can the header menu be center aligned on the mobile? I think it would look a lot neater that way. Or is there a way to adjust the spacing in between the menus so I could adjust the font size and make them look in the center?
Hi,
In order to align the top menu, the code has to be applied to every top bar and header style in particular as the code is different in every case. In your case this will work:
@media (max-width:767px){
.td-header-sp-top-widget{
display:none!important;
}
.top-bar-style-1{
display: table;
margin-left: auto;
margin-right: auto;
}}
If you also want to align the menu so when it drops on 2 rows, the text would be centered, you can use this code as well:
@media (max-width:767px){
.menu-header-menu{
text-align:center
}}
Hope this helps.
Thank you!
Hi there,
I tried the above code. The Top Menu is coming in the center only if the social icons are hidden. I decided to reduce my social buttons to 6. So now the Social Icons are coming in the center when enabled. Can you give me the setting by which the Top Menu could come in the Center on the mobile when seen in landscape mode? Kindly check URL on mobile.
Thanks,
Prasenjit.
Hi,
Try this code:
@media (max-width: 767px){
.menu-top-container{
display: table;
margin-left: auto;
margin-right: auto;
}
.td-header-sp-top-menu{
width:100%;
}}
Thanks.
Hi there,
Fabulous. Thanks a lot. 😀
Thanks,
Prasenjit.
