Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #475358

    Hi,
    I have problem with the button of the menu:
    The buttons are going outside from the website grid, and they don’t have equal space
    Screen shot – http://prntscr.com/7udog0
    Website link – https://www.ibamarkets.com/ar/

    Thanks a lot..

    #475761

    Hey Lev!

    Thank you for using Enfold.

    You can adjust the left margin of the menu buttons:

    .av-menu-button + .av-menu-button {
      margin-left: 10px;
    }

    Best regards,
    Ismael

    #475808

    Hi,
    Thanks for the help
    Now the button on the grid
    But there as a different space between the button you can see here: http://prntscr.com/7ut2fq
    Thanks!!!

    #475835

    Hi!

    Please add following code to Quick CSS as well and adjust as needed

    @media only screen and (min-width: 990px) {
    li#menu-item-4071 {
      margin-left: -4px;
    }}

    Regards,
    Yigit

    #476369

    Hi Yigit,
    The gap between the button is too large,
    Here is the screenshot: http://prntscr.com/7v5nf4
    Arbic site: https://www.ibamarkets.com/ar/

    I need the gap will be just as the other sites of languages:
    https://www.ibamarkets.com/
    https://www.ibamarkets.com/fr/
    https://www.ibamarkets.com/ru/

    Thanks!

    #476404

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 990px) {
    li#menu-item-4071 a, li#menu-item-3250, li#menu-item-3249 a {
      padding-left: 0!important;
      margin-left: 0!important;
    }}

    Cheers!
    Yigit

    #476477

    Hi Yigit again,
    The space between the buttons still not equal, you can see here: http://prntscr.com/7v7m1t
    I deleted now all the code that you told me to put, To allow you to see it with clean code.
    This is all the code that you want me to put before:

    @media only screen and (min-width: 990px) {
    li#menu-item-4071 a, li#menu-item-3250, li#menu-item-3249 a {
      padding-left: 0!important;
      margin-left: 0!important;
    }}
    @media only screen and (min-width: 990px) {
    li#menu-item-4071 {
      margin-left: -4px;
    }}
    .av-menu-button + .av-menu-button {
      margin-left: 10px!important;
      margin-right: 0px!important;
    }

    Thanks..

    #479230

    Hey!

    Sorry for the late reply!
    Do you mind creating a temporary admin login and posting it here privately so we can look into it?

    Best regards,
    Yigit

    #479484

    Thank you for the help Yigit,
    The result it’s fine at this moment..
    I will let you know, should I have other demands about buttons fixing.

    Thanks!!!

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘problem with the buttons of the menu’ is closed to new replies.