Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • September 4, 2022 at 8:14 pm #1363829
    schweg33

    hello together
    now i have tried thanks to the help of guienna7 and mike
    again a logo at the hamburger menu hizuzufügen

    I just do not succeed

    Description below:

    Sorry my english is not so good
    thanks in advance

    kind regards
    Franz

    September 4, 2022 at 10:40 pm #1363847
    Mike

    Hey schweg33,
    Thanks for your question, I found that the link in your menu item had a space in the url breaking the path, and the custom class was missing a dash:
    2022-09-04_021.jpg
    Now it shows, but I assume that you want the logo centered with your menu:
    2022-09-04_022.jpg
    so I added this css:

    .burger-logo {
	margin: auto;
}

    now it is centered:
    2022-09-04_023.jpg
    please clear your browser cache and check.

    Best regards,
    Mike

    September 5, 2022 at 9:33 am #1363874
    schweg33
    This reply has been marked as private.
    September 5, 2022 at 10:49 am #1363890
    Ismael

    Hi,

    Glad to know that the suggestions above are working. And yes, you can use the following css code to adjust the size of the menu item.

    #top #wrap_all #av-burger-menu-ul li {
    font-size: 26px;
}

    Default size is 18px. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    September 5, 2022 at 11:12 pm #1363980
    schweg33
    This reply has been marked as private.
    September 6, 2022 at 12:39 am #1363985
    Nikko

    Hi Franz,

    Try adding this CSS code (just adjust the max-width value as you see fit):

    #top .burger-logo.avia_image {
    max-width: 200px;
}

    Best regards,
    Nikko

    September 6, 2022 at 9:21 am #1364003
    schweg33

    Hello Nikko

    Thanks a lot
    Now it is almost perfect

    I would like to change the vertical position
    mobile and desktop separately
    is this possible

    see printscreen below

    Thanks in advance
    Kind regards
    Franz

    September 6, 2022 at 1:09 pm #1364044
    Yigit

    Hi Franz,
    Please add following code to Quick CSS field in Enfold theme options > General Styling tab

    
@media only screen and (max-width: 767px) {
#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items {
  top: 80px;
}}

    Best regards,
    Yigit

    September 6, 2022 at 6:49 pm #1364093
    schweg33

    Hello Ygit

    unfortunately nothing happens when I enter this css code

    thanks and

    kind regards
    Franz

    September 6, 2022 at 6:57 pm #1364094
    Yigit

    Hey!

    It works fine on my end. Please see the screenshot in private content field below.

    Please make sure that you have cleared cache on your mobile device :)

    Regards,
    Yigit

    September 6, 2022 at 7:04 pm #1364095
    schweg33

    ohhhh sorry
    Yigit

    maybe I expressed myself wrong.

    on the phone it fits great

    but with me on the pc not

    thank you
    kind regards
    Franz

    September 7, 2022 at 12:33 pm #1364189
    Mike

    Hi,
    Thank you for your patience, I believe you want the burger menu with the logo to be centered on the screen vertically and horizontally, and from your last post it seems you are seeing the error on your desktop. I checked with my Windows desktop at 1920 x 1080 and it seems centered. Below are screenshots for mobile, tablet, and desktop, emulated on Windows Chrome.
    Please tell us what OS and device you used, can you include a screenshot and paste the image URL in your post, your screenshot above looks to be a mobile device, but your issue is now with the desktop, and include the screen resolution

    Best regards,
    Mike

    September 7, 2022 at 4:03 pm #1364218
    schweg33

    Thank you for your feedback.
    Mike

    It should be at the resolution of Windows desktop at 1920 x 1080
    should be vertically at the bottom.
    The menu item Start Goal should be at the very bottom of the screen, after the hamburger menu.
    The application is used at a trade show, with a touch screen.
    So that the visitor does not have to reach up too far

    I have tried to make a new printscreen.

    thank you and
    kind regards
    Franz

    September 7, 2022 at 7:43 pm #1364249
    Mike

    Hi,
    Thanks for the feedback, please try this css:

    @media only screen and (min-width: 1919px) { 
	#top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items {
    top: 180px;
}
}

    Best regards,
    Mike

    September 7, 2022 at 8:50 pm #1364262
    schweg33

    Hello Mike
    Now it works great

    I would like to give you a wreath for your support
    extremely good and extremely fast

    then you can close this ticket

    kind regards
    Franz

    September 8, 2022 at 12:01 pm #1364312
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘logo im hamburger menu’ is closed to new replies.