Some Edits to Mobile, Advertisements ETC

1. I would like to have an advertisements below the top 4 posts on categories and tag pages. Here is an example (shown on the homepage http://www.sneakerfiles.com )
http://postimg.org/image/pl4oa5ver/

2. I would like to make the font in posts a bit larger and more profound without editing any of the other parts of the website.

3. Is there a way to edit the Mobile menu? On desktop I have two navi bars, one top and bottom but would like to include some of the URLS on the top bar (Like release dates) for mobile viewers but do not want to move it to the second navi bar on desktop.

Thank you for reading.

• This topic was modified 10 years by Brain916.

Hi

1. I’ve checked your site and noticed that you’ve managed to add the ad spot on category page: http://screencast.com/t/j3GkHZen1a If you stilo need help with this please let us know.

2. You can change the fonts for post content from theme panel > theme fonts: http://screencast.com/t/fEjEaFUhiC7j

3. Try this css in theme panel > custom css: http://screencast.com/t/gx0i0AtH59yl

.menu-item-363112, .menu-item-363119, .menu-item-363120 {
display: none!important
}

Thanks!

Thanks for your reply. For number 1, I did figure it out. Thank you. For number 2, I am going to mess with that now, thank you for the heads up.

Ok, now for number 3, it didn’t work. Let me explain what I am trying to do a bit better.

For mobile, the top header doesn’t show up, which is good, I don’t want it to. However there is a link that I want to have in the navigational bar on the mobile theme (Release Dates). In order for it to show on the mobile navi bar, I would have to add the link to the secondary navigational bar for desktop versions.

Is there a way I can add the Release Dates Menu (with drop downs) on the mobile theme without putting it on the secondary navigational bar on desktops?

Let me know if that helps, if not I can try and do some photoshops to help.

Hi

The only way to display the indicated link on mobile is to add it as an item in main menu. To avoid duplications on desktop you can add this css in theme panel > custom code > custom css:

@media(min-width: 768px){
.td-header-wrap .td-header-menu-wrap .sf-menu > li:last-child {
display: none! important;
}
}

This css will work only if you add the link as last item of the main menu. If you chose a different position for it the selectors will change to something like this:

@media(min-width: 768px){
.td-header-wrap .td-header-menu-wrap .sf-menu > li:nth-child(x) {
display: none! important;
}
}

where x is the position of the item in menu.

Hope this help.
Thanks!

• This reply was modified 10 years by Andrei L..