I need some help regarding the mobile version of the theme as most of us here focuses on mobile friendliness of our website, now I just want to know how to disable the Footer of the mobile themes and also I want to edit the sizes of the H1, H2 fonts on my mobile template. Also, I want to make the Titles of single post on mobile to be on center, including the post views and number of comment view section. I am using the Recipe template of the theme and using the mobile version.
Can I also edit the menu section and put it below the logo of the site or make it dropdown?
Please See my website in mobile to see what i am talking – http://bit.ly/pilipinasrecipes
Hello,
If you want to disable the footer of the mobile theme you can add this code in the mobile theme custom css section:
.td-mobile-footer-wrap{
display:none;
}
For the H1 tags I assume you are referring to the post titles:
.td-post-title .entry-title{
font-size: 25px;
text-align:center;
}
}
also aligned center.
The h2:
.td-post-content h2{
font-size:25px;
}
center the views and comment count:
.td-post-title .td-module-meta-info{
display: table;
margin-left: auto;
margin-right: auto;
}
Sorry but the menu cannot be moved or made a dropdown.
Thank you!
Hi,
@EditMac Do you use the mobile theme plugin? If you do, note that custom code has to be entered in the mobile theme custom CSS section
– https://www.screencast.com/t/EeuBgPBxQ
Code entered there will apply to the mobile theme.
That code will work for the h2 in the post content, I tested it again
– https://www.screencast.com/t/duRCe1sc6SyS
I could take a look at your website, please provide a link to it.
You can post the link here. If that is a problem, send us an email at contact@tagdiv.com and provide it there. If you send an email, please include a link to this topic in it.