Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 3, 2020 at 4:23 pm #1258049
    kopf-und-stift

    hi,
    i think i discovered a bug in enfold! when i use the mobile menu on big screens the closs cross isnt align correct because its trapped in the Headercontainer. See screenshot for error! the site is here:

    Start

    Thanks!

    Bildschirmfoto-2020-11-03-um-15-20-03

    November 5, 2020 at 5:11 am #1258510
    Rikard

    Hey kopf-und-stift,

    Thanks for the screenshot, I can’t reproduce those results on my end using Chrome though. What is your screen width and which browser are you using?

    Best regards,
    Rikard

    November 6, 2020 at 2:36 pm #1258879
    kopf-und-stift

    hi,
    screenwidth is 2023px for example. i use firefox but the problem is also in chrome.

    November 6, 2020 at 3:52 pm #1258887
    Yigit

    Hi,

    I checked your website on 1920px and also tried changing screensize on Firefox however I cannot reproduce the issue. I attached a screenshot in private content field.
    Could you please make sure that browser is not zoomed in/out? :)

    Best regards,
    Yigit

    November 19, 2020 at 12:56 pm #1261528
    kopf-und-stift

    in your screenshot i see the error. The cross (to close the flyout menu) has to be in the right corner of the flyout menu but it isnt. it is in the container of the header.

    please take a look at my screenshot. In pink you see the position i want for the close-cross-icon.

    November 19, 2020 at 1:26 pm #1261537
    Yigit

    Hi,

    Please go to Enfold theme options > Header > Header Behaviour and enable “Let logo and menu position adapt to browser window” :)

    Best regards,
    Yigit

    November 19, 2020 at 1:35 pm #1261539
    kopf-und-stift

    Hi,
    but i dont want the logo and the menu icon to be Fullwidth in the header. From the point of usability the cross to close a menu is always in the right corner.

    November 22, 2020 at 11:29 pm #1262162
    Mike

    Hi,
    Sorry for the late reply, and thanks for the screenshot and link, I tested your site at 2023px and as I see the issue the burger menu “flys” out from the edge of the screen, but at 2023px the fixed position of the menu icon is further away from the edge screen than the width of the menu, so the solution would be to increase the width of the menu so the menu “close” icon will remain in the correct position.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 2023px) { 
.html_av-overlay-side .av-burger-overlay-scroll {
	width: 700px !important;
}
}

    Feel free to adjust the min-width of the media query to trigger before the 2023px if you wish.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.