Jump to content
zazoutotaal

Geen telefoonnummer boven in de header op mobiele telefoon

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Hey Erik,

 

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

 

Groetjes silvio

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More