mijn webshop grootwandkleed.nl ziet er voor de desktop wel ok uit vind ik, maar als je 'm op een kleiner scherm wilt bekijken vallen die witte links uit het topmenu over een lichte ondergrond en zijn ze vrijwel niet meer te lezen. wat is hier de handigste oplossing voor?
ook zou ik, alleen voor de kleinere schermen, de categorieën niet helemaal onderaan maar direct onder het topmenu willen zien.
wie weet raad?
- woocommerce webshop op kleinere schermen
-
25-05-2022, 14:32 #1AVA Digital Services
- Berichten
- 59
- Lid sinds
- 18 Jaar
woocommerce webshop op kleinere schermen
-
In de schijnwerper
Australische herders, alles over dit prachtige hondenras. Expertise aanwezig.Website te koopHulp bij SEO/GoogleAds (NL/BE/DE). Economy.nl Google Premier Partner.Freelance / WerkVergelijkWebhosting.nl - Sterke domeinnaam - Voor een vergelijkerDomein te koopGarages.nl, database.nl, hypotheekakte.nl, wood.nl en meer met vraagprijzen!Domein te koop -
25-05-2022, 15:08 #2
- Berichten
- 1.222
- Lid sinds
- 15 Jaar
Re: woocommerce webshop op kleinere schermen
mijn webshop grootwandkleed.nl ziet er voor de desktop wel ok uit vind ik, maar als je 'm op een kleiner scherm wilt bekijken vallen die witte links uit het topmenu over een lichte ondergrond en zijn ze vrijwel niet meer te lezen. wat is hier de handigste oplossing voor?
Zo nee, had je al een andere theme geprobeerd? Zie je dat dan ook?
Je hebt nog niet gespeeld met de zijbalk (sidebar)? Want zie de de standaard nog, wellicht kun je daar iets aanpassen? Of anders de zijbalk rechts (ipv links) plaatsen? Of een extra menu aanmaken en deze alleen tonen op kleinere schermen?
-
25-05-2022, 15:14 #3
- Berichten
- 2.270
- Lid sinds
- 15 Jaar
Re: woocommerce webshop op kleinere schermen
Kun je in je stylesheet aangeven dat de kleur van het font zwart moet worden bij kleine schermen?
-
25-05-2022, 15:25 #4AVA Digital Services
- Berichten
- 59
- Lid sinds
- 18 Jaar
Re: woocommerce webshop op kleinere schermen
dank, maar hoe doe je dat, het aangeven dat het alleen bij kleinere schermen moet bedoel ik?
-
25-05-2022, 15:43 #5
- Berichten
- 2.270
- Lid sinds
- 15 Jaar
Re: woocommerce webshop op kleinere schermen
Dat ligt aan je CSS, vaak iets van @media screen and (max-width: 767px) {....
-
25-05-2022, 15:45 #6
- Berichten
- 1.222
- Lid sinds
- 15 Jaar
Re: woocommerce webshop op kleinere schermen
Anders zou je dit via custom css kunnen toevoegen, iets als:
@media screen and (max-width: 800px) etc.
Er zijn ook plugins waarmee je je mobile menu kunt aanpassen, bijvoorbeeld: https://wordpress.org/plugins/mobile-menu/
Tot slot zou je dat via php in functions.php (wel in je childtheme!!) kunnen toevoegen.
-
25-05-2022, 18:00 #7
- Berichten
- 432
- Lid sinds
- 12 Jaar
Re: woocommerce webshop op kleinere schermen
Het menu is een beetje extra css
PHP Code:@media screen and (max-width: 800px) {
.main-navigation .menu {
clear: both;
background: #b64902;
padding-left: 20px;
}
}
De padding is om te zorgen dat het niet zo tegen de zijkant plakt maar zo krijg je dan een rode achtergrond dat beter bij je thema past.
Zoals de content en widget worden geladen is goed omdat eerst content wordt geladen. Je zou deze kunnen omdraaien maar niet verstandig.
Beter is om een extra sidebar aan te maken en deze onder de header te plaatsen. Hier plaats je dan alleen die categorieën in of wat je daar ook wilt. Op desktop laat je alleen de gewone zien en op mobiel alleen de extra sidebar.
Hiervoor zal je toch in een child-theme moeten gaan werken. Stuur maar een mailtje als je hulp nodig hebt hiermee want dit is een kleinigheidje.
-
25-05-2022, 18:24 #8
- Berichten
- 432
- Lid sinds
- 12 Jaar
Re: woocommerce webshop op kleinere schermen
Sorry maar die 800px moet 768px zijn
-
26-05-2022, 14:33 #9AVA Digital Services
- Berichten
- 59
- Lid sinds
- 18 Jaar
Re: woocommerce webshop op kleinere schermen
dank je voor je hulp! de oplossing is inmiddels gevonden.
-
26-05-2022, 14:35 #10AVA Digital Services
- Berichten
- 59
- Lid sinds
- 18 Jaar
Re: woocommerce webshop op kleinere schermen
hartelijk dank voor je advies. ik zag dat iemand anders een simpel stukje css aanbood dat meteen werkte, ik ben dus geholpen. toch super bedankt voor je hulp!
-
26-05-2022, 14:43 #11AVA Digital Services
- Berichten
- 59
- Lid sinds
- 18 Jaar
Re: woocommerce webshop op kleinere schermen
hartelijk dank voor je goede advies, cornelis. die code werkte meteen perfect, en je had zelfs al de juiste kleur gekozen zie ik. super bedankt hiervoor, mensen zoals jij zijn goud waard.
die categorieën laat ik dan nog maar even zo staan denk ik, omdat mensen die hun mobiel gebruiken toch al gewend zijn om veel te scrollen en na de eerste wandkleden al vrij snel bij de zoekfunctie en categorieën uitkomen. dus dat moet wel lukken denk ik.
ik heb wel vaker nog wat vragen dus de volgende keer weet ik je zeker te vinden. thanks!!
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic