- This topic has 18 replies, 2 voices, and was last updated 2 years, 3 months ago by Skandha.
-
AuthorPosts
-
August 14, 2021 at 9:05 am #288139Bastien ChillouxParticipant
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,
ThanksAugust 14, 2021 at 10:29 am #288146SkandhaParticipant@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,
SkandhaAugust 14, 2021 at 11:12 am #288149Bastien ChillouxParticipantThat’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 !August 16, 2021 at 6:07 am #288217Bastien ChillouxParticipantup
August 16, 2021 at 6:11 am #288218Bastien ChillouxParticipantMoreover, 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
August 16, 2021 at 11:39 am #288241SkandhaParticipant@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,
SkandhaAugust 16, 2021 at 11:45 am #288242Bastien ChillouxParticipantNone of the issues are solved with this CSS code.
Let me know about a working solution.August 16, 2021 at 11:50 am #288244Bastien ChillouxParticipantThe “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”.
August 16, 2021 at 12:18 pm #288245SkandhaParticipant@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,
SkandhaAugust 16, 2021 at 1:41 pm #288248Bastien ChillouxParticipantI 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
August 16, 2021 at 1:54 pm #288249Bastien ChillouxParticipantYour 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.
August 16, 2021 at 2:02 pm #288252Bastien ChillouxParticipantThis 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 ?
August 18, 2021 at 3:55 am #288363Bastien ChillouxParticipantDo you consider providing me support about this Safari bug ?
August 18, 2021 at 7:45 am #288372SkandhaParticipant@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,
SkandhaAugust 18, 2021 at 8:00 am #288373Bastien ChillouxParticipantHi,
Here is the comparison between both browsers (Safari vs Chrome) :
https://we.tl/t-WRhZnozeDBPlease let me know how to solve this issue concerning sub menu transition,
ThanksAugust 18, 2021 at 8:02 am #288375SkandhaParticipant@bastienchill: Hello Bastien,
I am not able to access the link you posted above. Can you please recheck it?Kind Regards,
SkandhaAugust 19, 2021 at 12:55 am #288376Bastien ChillouxParticipantSorry : https://we.tl/t-WRhZnozeDB
August 20, 2021 at 5:57 am #288511Bastien ChillouxParticipantUP
Can you give me support please ?August 20, 2021 at 6:04 am #288514SkandhaParticipant@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 -
AuthorPosts
- The topic ‘Top menu bar padding’ is closed to new replies.