Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1476517

    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

    #1476519
    #1476584

    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

    #1476588

    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

    #1476590

    here is your css
    where do I have to insert it exactly

    thanks

    #1476596

    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

    #1476600

    Many thanks Ismael
    Now it works fine
    you can close this ticket

    best regards
    Franz

    #1476606

    Hi,

    Great! Let us know if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Distance smaller’ is closed to new replies.