[Bastien Chilloux]

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

[Skandha]

@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

[Bastien Chilloux]

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 !

[Bastien Chilloux]

up

[Bastien Chilloux]

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

[Skandha]

@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

[Bastien Chilloux]

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

[Bastien Chilloux]

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”.

[Skandha]

@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

[Bastien Chilloux]

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

[Bastien Chilloux]

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.

[Bastien Chilloux]

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 ?

[Bastien Chilloux]

Do you consider providing me support about this Safari bug ?

[Skandha]

@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

[Bastien Chilloux]

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

[Skandha]

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

Kind Regards,
Skandha

[Bastien Chilloux]

Sorry : https://we.tl/t-WRhZnozeDB

[Bastien Chilloux]

UP
Can you give me support please ?

[Skandha]

@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

[Author]

Posts