Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 11, 2019 at 12:27 pm #1109102
    schweg33

    Hello everyone:
    I created a menu:
    Fullwidth Sup Menu
    Center doesn’t work, on mobile it works
    Can I do this in css

    Friendly greetings
    Franz

    June 12, 2019 at 4:46 am #1109330
    Rikard

    Hallo Franz,

    Please try the following in Quick CSS under Enfold->General Styling:

    ul.av-submenu-pos-center {
    display: table;
    margin: 0 auto;
}

    LG,
    Rikard

    June 12, 2019 at 7:50 am #1109401
    schweg33

    Hello
    Thank you for your quick response
    Doesn’t work on PC
    Mobile it works great

    Beautiful Greetings Franz

    June 12, 2019 at 12:30 pm #1109460
    Rikard

    Hallo Franz,

    Please try this instead:

    ul.av-submenu-pos-center {
    display: table;
    margin: 0 auto !important;
}

    LG,
    Rikard

    June 12, 2019 at 12:47 pm #1109470
    schweg33

    Thank you very much Rikard
    Now it’s working great.

    One more question:
    Would it be possible on mobile
    To make the letters larger and the line spacing smaller?

    Beautiful greetings
    Franz

    (The support is nowhere as great as with you)

    June 13, 2019 at 4:44 am #1109664
    Rikard

    Hallo Franz,

    Thank you for the kind words :-)

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
.av-submenu-container li {
    padding: 5px 0;
}

.av-submenu-container .avia-menu-text {
    font-size: 20px;
}
}

    LG,
    Rikard

    June 13, 2019 at 7:14 am #1109756
    schweg33
    This reply has been marked as private.
    June 13, 2019 at 7:51 am #1109781
    Jordan Shannon

    Hi,

    I’m not seeing a line distance issue. Can you screenshot?

    Best regards,
    Jordan Shannon

    June 13, 2019 at 7:59 am #1109787
    schweg33
    This reply has been marked as private.
    June 13, 2019 at 8:05 am #1109790
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px) {
#menu-eschen li{
padding-top:0px!important;
padding-bottom:0px!important;
}}

    Best regards,
    Jordan Shannon

    June 13, 2019 at 8:24 am #1109795
    schweg33
    This reply has been marked as private.
    June 13, 2019 at 8:46 am #1109797
    schweg33

    Thank you very much
    I was able to solve it myself
    You can close this request

    Beautiful Greetings Franz

    June 13, 2019 at 7:11 pm #1109982
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu Center’ is closed to new replies.