Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2018 at 12:44 pm #919588
    luckylobo10

    Hi,

    We are using styling on a couple buttons in the main menu; colored and bordered.
    It looks fine on desktop, but on mobile we want it display as regular links; not colored buttons.

    How do we fix that?

    Kind regards

    March 1, 2018 at 4:25 pm #919726
    Nikko

    Hey luckylobo10,

    Can you post a link to your site? so we can take a closer look. You can post the link in private content if you want only the moderators to view it.

    Best regards,
    Nikko

    March 2, 2018 at 1:50 pm #920328
    luckylobo10

    Hi, see private information

    March 2, 2018 at 2:37 pm #920362
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:959px) {
  #top #header .av-menu-button > a {
    border-bottom: 1px solid #e1e1e1 !important;
  }

  #top #header .av-menu-button > a .avia-menu-text {
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    color: inherit !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.