Hi,
We are running a website, Guardado Rápido, devoted to videogame news, articles, reviews and so. We are using Newspaper theme in our website and we are quite happy with it. Recently we added a special row at the beginning of the page where we show the hot topics of the day. We used a row with a raw html code inside. It works pretty well but for the case of the mobile version of the webpage. In this case, as we are using Mobile Theme of Newspaper, it does not allow us to put this kind of code before the header.
The shortcut that i have found is to put the code in the ads section of the mobile theme but, in this case, it puts the code below the header. Is there any way to put this code so the raw html code appears before the header?
You can check our website at http://www.guardadorapido.com. The part that we want to be before the header is the one that starts by “Hoy se habla de:”.
The other option could be to skip the mobile theme of newspaper and use the mobile view generated by tag div composer. In this case, is there any way to use a different template for the general and the mobile view of the page. In our case the problem is that some of the structures that look fine on the desktop version does not work that well in the mobile one (the big grid)
Sorry for the long text, i hope i explained myself well.
Hi,
I believe that you can try something like this, set the shortcode in the mobile header ad
section then use a custom css to display that shortcode in the top.
#td-outer-wrap {
margin-top: 100px;
}
.td-a-rec.td-a-rec-id-header_mob{
position: absolute;
top: 30px;
}
Set the code in this place -> https://i.imgur.com/Lptdv4Y.png
I hope this will help you!
Thank you!
