Hello everyone
I have created this page link 1 below:
Thanks to your help, this menu is displayed right-aligned on mobile.
Which also looks very good
My question
between the individual menu items
A
B
C
D
E
is a fairly large distance
would it be possible to make this distance on the mobile devices only mobile none?
Thanks in advance
Franz
Hi,
Thank you for the inquiry.
You can adjust the padding between the menu items. Please include this inside the css media query that we created for mobile view:
#top #menu-dialektwoerter > li {
padding: 2px 0;
display: inline-block;
}
#top #menu-dialektwoerter {
padding: 10px 0;
}
#top .av-m1yjw3j3-8de8ef07635f179e0beedc245c4c38a7 {
width: 40px;
}
Best regards,
Ismael
hello ismael
when I enter this code
then it is no longer correct on the pc
there should only be a mobile change
thank you and
best regards
Franz
here is your css
where do I have to insert it exactly
thanks
Hi,
You have to include the code inside this block (css media query):
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}
Best regards,
Ismael
Many thanks Ismael
Now it works fine
you can close this ticket
best regards
Franz