Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 11, 2022 at 11:11 pm #1340219
    Jak73

    Hi,
    i would like to style the fly-out-burger menu.
    Please see image:
    1.) how can i change to color of the divider-lines,
    2.) how can i change the font and font-size,
    3.) how can i change the background color and how ca i add a responsive backgound image to it?

    kind regards Jak

    February 13, 2022 at 12:05 am #1340322
    Mike

    Hey Jak73,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    border-color: #fff;
}
#top #wrap_all .av-burger-overlay #av-burger-menu-ul li a .avia-menu-text {
	font-size: 18px;
	font-family: 'verdana';
}
#av-burger-menu-ul {
    background-repeat: no-repeat;
    background-image: url(https://joakims.art/wp-content/uploads/2022/02/bg-intro-2000px.jpg);
    background-position: 50% 100%;
    background-attachment: scroll;
    background-size: cover;
}

    adjust the background image to suit but ensure it is in a profile image that meets the desktop size at minimum, the mobile should be the same aspect and scales down fine.
    2022-02-12_011.jpg

    Best regards,
    Mike

    February 13, 2022 at 1:47 am #1340330
    Jak73
    This reply has been marked as private.
    February 13, 2022 at 2:12 pm #1340364
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Styling of burger fly-out-menue’ is closed to new replies.