Faire apparaître le bouton "Publier une annonce" dans la version mobile du thème

[FlOs]

Bonjour,

Il m'a semblé qu'aucun paramètre ne permettait d'afficher le bouton "Publier une annonce" lorsque le thème par défaut passe en version mobile.
J'ai donc bidouillé pour que ça apparaisse, ce n'est pas la solution parfaite, mais si ça en dépanne certains.
En mobile (écrans inférieurs à 740 pixels), le bouton "Publier une annonce" apparaîtra sur la page d'accueil juste après le bouton de recherche, et sur les autres pages il apparaîtra à la fin de l'écran juste avant le pied de page mais après le code personnalisé.


Fichier oc-content\themes\bender\header.php
Chercher la ligne suivante :

Code: [Select]

<?php osc_show_widgets('header'); ?>Ajouter juste avant le code suivant :

Code: [Select]

    <?php if( osc_is_home_page()) { ?>
<div id="maxwidthpa"><div id="publiermobile"><a href="<?php echo osc_item_post_url_in_category() ; ?>"><?php _e("Publish your ad for free", 'bender');?></a></div></div>
    <?php } ?>
Fichier oc-content\themes\bender\footer.php
Chercher la ligne suivante :

Code: [Select]

<?php osc_show_widgets('footer');?>Ajouter juste après le code suivant :

Code: [Select]

    <?php if( !osc_is_home_page()) { ?>
<div id="maxwidthpa"><div id="publiermobile"><a href="<?php echo osc_item_post_url_in_category() ; ?>"><?php _e("Publish your ad for free", 'bender');?></a></div></div>
    <?php } ?>
Fichier oc-content\themes\bender\css\main.css
Chercher la ligne suivante :

Code: [Select]

@media only screen and (max-width: 740px) {Ajouter juste avant le code suivant :

Code: [Select]

#publiermobile, #maxwidthpa
{
visibility:hidden;
height:0;
}Chercher le code suivant :

Code: [Select]

#header .ads_header,.ads_300,.ads_728,.ads_468
{
display:none
}Ajouter juste après ce bloc le code suivant :

Code: [Select]

#maxwidthpa
{
width:100%;
visibility:visible;
text-align:center;
height:auto;
}

#publiermobile
{
visibility:visible;
height:auto;
margin:1px auto
}

#publiermobile a
{
width:auto
}Remplacez la ligne suivante :

Code: [Select]

#footer .resp-toogle .publish apar

Code: [Select]

#footer .resp-toogle .publish a,#publiermobile aRemplacez la ligne suivante :

Code: [Select]

#header .publish apar

Code: [Select]

#header .publish a,#publiermobile a

[falouche]

Bonjour

j'ai tester l'astuce mais le bouton reste toujours afficher quand la page est en plein écran et remarque je ne trouve pas ce code dans le fichier css

Code: [Select]

#header .ads_header,.ads_300,.ads_728,.ads_468
{
display:none
}

[FlOs]

Bonjour,

Avez vous bien ajouté le code suivant :

Code: [Select]

#publiermobile, #maxwidthpa
{
visibility:hidden;
height:0;
}
Avant la ligne

Code: [Select]

@media only screen and (max-width: 740px) {
Pour le code que vous ne trouvez pas, cherchez juste ".ads_header,.ads_300", vous devriez l'avoir.