Tagged: bordered, button, coloured, menu, no padding
-
AuthorPosts
-
July 19, 2024 at 2:21 pm #1462496
Hi,
I’m having a menu containing the 3 item formats :
– Default
– Coloured
– BorderedI have a Coloured Button just beside an Bordered Button but it is as if they have no padding in between. They are “one on another”.
If I remember well, i had the same issue with 2 Coloured and 2 bordered.Any idea?
Thanks wonderful team!
July 19, 2024 at 6:20 pm #1462507Hey Ad-Min747,
Could you post a link to where we can see the elements in question please?
Best regards,
RikardJuly 19, 2024 at 9:12 pm #1462514This reply has been marked as private.July 20, 2024 at 10:38 am #1462534Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
#av-burger-menu-ul .menu-item-2029 { margin-bottom: 10px; } #top .av-menu-button > a .avia-menu-text { border-radius: 5px; }
Best regards,
RikardJuly 20, 2024 at 11:39 am #1462541Hi Rikard,
thanks for the rounded corners which perfectly work.Button display conflict still doesn’t work. They remain “one on another”.
I’ve tried to change your instruction “margin-bottom” with “margin-left” and/or “margin-right”, but no change as if buttons didn’t hear the instruction.Any idea?
Best regards
July 20, 2024 at 2:07 pm #1462549Hi,
I can’t see that happening on my end. Please post a screenshot highlighting the problem, and how we can reproduce it.
Best regards,
RikardJuly 20, 2024 at 2:41 pm #1462552hereunder
July 20, 2024 at 8:57 pm #1462574Hi,
I disabled the Separator Between Menu Items and now your buttons show correctly, please check.
I posted to the Dev Team for their review, Thank you for your patienceBest regards,
MikeJuly 21, 2024 at 5:38 pm #1462618Hi,
yes, it works, ty.
yes, please, keep me posted regarding your dev team feedback and let me know if you’d like me to make any test (browser, responsivness on my side, etc.)ty
PS : I can’t open your link => 400 Error
July 21, 2024 at 6:55 pm #1462619Hi,
Glad that this worked for you, I expect that the Dev Team will have this corrected for the next update, but I will post here again when the Dev Team replies to the issue that I linked to. The link is for Mods only, that is why you can’t view it.Best regards,
MikeJuly 21, 2024 at 9:18 pm #1462625OK, is that possible to have the info in this feed so I may reset the selectors?
Do I have a mean to change the font?July 22, 2024 at 8:05 am #1462642Hi,
Thank you for the update.
To temporarily fix the overlap issue, please add this css code:
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { margin-left: 0; } .av_seperator_small_border .av-main-nav > li:not(.av-menu-button) > a > .avia-menu-text { margin-left: -13px; }
And to change the font, please go to the Enfold > Advanced Styling panel and edit the Main Menu > Main Menu Links element.
Best regards,
IsmaelAugust 9, 2024 at 12:39 pm #1464230Hi Ismael, thanks for your feedback.
OK at this step
Have a nice day
JMAugust 9, 2024 at 1:22 pm #1464240Hi,
Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardAugust 9, 2024 at 1:27 pm #1464244Hi Rikard,
on my side you can close it, yes.
BestAugust 9, 2024 at 2:57 pm #1464255Hi,
Thanks for letting us know, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard -
AuthorPosts
- The topic ‘Padding conflict in the Menu between COLOURED button and OUTLINE (?) Button’ is closed to new replies.