Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #288139
    Bastien Chilloux
    Participant

    Hi,

    My top menu bar is stretched when clicking the “share/social links” icon on the right.

    How can the sub-menus (social) and top menu bar keep the same padding even when clicking this social icon ?
    Any CSS code to solve this ?

    My website : https://bastienchilloux.com

    Waiting for your support,
    Thanks

    #288146
    Skandha
    Keymaster

    @bastienchill: Hello Bastien,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    body.menu-open {
    	width: auto;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #288149
    Bastien Chilloux
    Participant

    That’s ok, and how can I make the sub-menu (social icons) to appear closer to the main manu bar ? Indeed, there is a big gap/space between both menu bars.

    Let me know the corresponding CSS code,
    Thanks !

    #288217
    Bastien Chilloux
    Participant

    up

    #288218
    Bastien Chilloux
    Participant

    Moreover, there seems to be an issue when closing the social sub menu, the sub menu is shifting to the right for a split second. This only happen when closing the sub menu.

    So I need you to solve those two issues :

    – make the sub-menu (social icons) to appear closer to the main menu bar

    – solve social sub menu shifting when closing it

    #288241
    Skandha
    Keymaster

    @bastienchill: Hello Bastien,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #primary-menu-wrapper .menu-toggle-wrapper, #menu-toggle {
        padding-right: 0;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #288242
    Bastien Chilloux
    Participant

    None of the issues are solved with this CSS code.
    Let me know about a working solution.

    #288244
    Bastien Chilloux
    Participant

    The “social sub menu shifting when closing it” issue seems to be happening only on Safari, do you know why ?

    I still want a solution to “make the sub-menu (social icons) to appear closer to the main menu bar”.

    #288245
    Skandha
    Keymaster

    @bastienchill: Hello Bastien,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #social-menu-wrapper .menu-toggle-wrapper {
        padding-left: 0;
    }

    This should solve the issue with main menu and social menu being too far apart.

    Regarding the issue in Safari Browser can you please attach a screenshot of the issue?
    Kind Regards,
    Skandha

    #288248
    Bastien Chilloux
    Participant

    I have the exact same issue with both CSS codes.

    Please consider looking at my website to see the gap/space between main menu and sub social menu.

    The Safari browser issue can be seen only in movement as it’s doing a shaky move before closing.
    Moreover, the fade-in + slide transition (when opening and closing) is not present on the Safari browser.

    My website : https://bastienchilloux.com

    #288249
    Bastien Chilloux
    Participant

    Your last CSS code you have provided only affects the share/social icon, not the related sub menu, which is the one I wanna fix its position, closer to the main menu, more to the top.

    #288252
    Bastien Chilloux
    Participant

    This worked out for me, as I tried myself to find the right block to adjust :

    #social-menu-wrapper .menu-inside-wrapper {
       margin-top: -30px;
    }

    There is only the Safari bug that I talked about that is still present, if you can solve it ?

    #288363
    Bastien Chilloux
    Participant

    Do you consider providing me support about this Safari bug ?

    #288372
    Skandha
    Keymaster

    @bastienchill: Hello Bastien,
    I checked your issue in Safari Browser and didn’t find the issue you are mentioning. Can you please screen record the issue and send me so that I can look into it?

    Kind Regards,
    Skandha

    #288373
    Bastien Chilloux
    Participant

    Hi,

    Here is the comparison between both browsers (Safari vs Chrome) :
    https://we.tl/t-WRhZnozeDB

    Please let me know how to solve this issue concerning sub menu transition,
    Thanks

    #288375
    Skandha
    Keymaster

    @bastienchill: Hello Bastien,
    I am not able to access the link you posted above. Can you please recheck it?

    Kind Regards,
    Skandha

    #288376
    Bastien Chilloux
    Participant
    #288511
    Bastien Chilloux
    Participant

    UP
    Can you give me support please ?

    #288514
    Skandha
    Keymaster

    @bastienchill: Hello Bastien,
    I checked the issue on few of our systems in the Safari Browser and wasn’t able to recreate the issue you are having at your end?
    Can you please try checking the issue on other systems and let me know if the same issue appears?

    Kind Regards,
    Skandha

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Top menu bar padding’ is closed to new replies.