Geen telefoonnummer boven in de header op mobiele telefoon

[zazoutotaal]

Ik heb het default theme gebruikt voor het maken van mijn webshop kalokoffie.nl, En boven in de header heb ik 2 telefoonnummers staan, en deze is wel zichtbaar op mijn computer versie, maar op een mobiele telefoon wordt deze niet getoond, terwijl ik dat toch graag zou willen. Mijn vraag is hoe kan ik dat aanpassen?

 

Groetjes Silvio

[Erik G]

Hallo Silvo,

 

Je moet het aanpassen in de CSS van blockcontact.css. Het wordt nu niet weergegeven (display:none) op kleinere schermen.

 

.shop-phone {

    float: left;

    line-height: 18px;

    padding: 5px 0 10px;

}

@media (max-width: 767px) {

.shop-phone {

    display: none;

}

 

Succes

[zazoutotaal]

Hey Erik,

 

Dank je voor je support, maar toch even een vraagje, als hij nu op display: none staat, wat moet ik hier dan wel neerzetten zodat hij wel zichtbaar is?

 

Groetjes Silvio

[Hartung]

Hey Silvio,

 

Check http://learnlayout.com/display.html

 

 

Plaats

display: block

display:inline

[Erik G]

Je kan de regel display: none;  ook gewoon weglaten. Deze regel overruled voor media met kleinere schermen dat het telefoonnummer niet moet worden weergegeven.

Wat jij wil is dat het telefoonnummer juist wel wordt weergegeven. Door de regel weg te laten wordt de regel voor grotere media formaten toegepast.

[zazoutotaal]

Hey Erik,

 

Ja ik had het inmiddels ook ontdekt en opgelost. In ieder geval geweldig bedankt voor support.

 

Groetjes silvio