WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Icon Page Navigation Not Appearing On Mobile (2 posts)

  1. David_1
    Member
    Posted 1 year ago #

    Hello Friends,

    I am working on a new Twentytwelve Child theme.

    I am using small icons for the navigation instead of text, (page names).
    All is fine until viewed on a mobile, (iPhone) device.
    The icons get cut off revealing only the top portion. The site is at: http://i-brand.ca/jd/

    Is there a way I can make an adjustment to these so that they are fully visible?

    If anyone has any idea’s, I would be very grateful hearing from you.

    Many thanks in advance for your help and assistance.

    Icon Page Navigation Not Appearing On Mobile

  2. David_1
    Member
    Posted 1 year ago #

    Hello Friends,

    I just found the answer to the issue.

    I inserted the following into the
    .main-navigation li a {

    I only added the height and it seemed to do the trick.

    .main-navigation li a {
    color: #000;
    font-weight: bold;
    height: 35px;
    width: 100%;
    display: inline-block; opacity: 0.0;
    }

    I hope this can help others who might wish to use icons for their WP navigation.

Topic Closed

This topic has been closed to new replies.

About this Topic