Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 30, 2015 at 5:22 pm #544629
    paulsimo0

    Hi,
    I have currently just started building a website using the Enfold theme.
    I have changed some of the menu items (custom links) to display an image rather than wording.
    I have included CSS in order for the images to display aligned with the wording in Desktop view, however in the mobile view the image links display below the small triangle, whereas the wording aligns centrally with the small triangles.
    Could you please let me know what additional CSS I would need to achieve this.
    The website address is http://dev.freebirdevents.co.uk/ when you display the menu on a mobile view you will see what I mean with the image links.

    I hope you can help.
    Regards
    Paul

    November 30, 2015 at 6:37 pm #544714
    Elliott

    Hi paulsimo0!

    Try adding this to your custom CSS.

    @media screen and (max-width: 767px) {
.avia-menu-text img {
    position: relative;
    top: 0px !important;
}
}

    Best regards,
    Elliott

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