Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #1462496

    Hi,
    I’m having a menu containing the 3 item formats :
    – Default
    – Coloured
    – Bordered

    I 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!

    #1462507

    Hey Ad-Min747,

    Could you post a link to where we can see the elements in question please?

    Best regards,
    Rikard

    #1462514
    This reply has been marked as private.
    #1462534

    Hi,

    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,
    Rikard

    #1462541

    Hi 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

    #1462549

    Hi,

    I can’t see that happening on my end. Please post a screenshot highlighting the problem, and how we can reproduce it.

    Best regards,
    Rikard

    #1462552

    hereunder

    #1462574

    Hi,
    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 patience

    Best regards,
    Mike

    #1462618

    Hi,
    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

    #1462619

    Hi,
    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,
    Mike

    #1462625

    OK, 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?

    #1462642

    Hi,

    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,
    Ismael

    #1464230

    Hi Ismael, thanks for your feedback.
    OK at this step
    Have a nice day
    JM

    #1464240

    Hi,

    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,
    Rikard

    #1464244

    Hi Rikard,
    on my side you can close it, yes.
    Best

    #1464255

    Hi,

    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

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Padding conflict in the Menu between COLOURED button and OUTLINE (?) Button’ is closed to new replies.