Support » Theme: Perfetta » Can the navigation menu size be reduced?

  • Resolved paulmoreton

    (@paulmoreton)


    Hi,

    I absolutely love your Perfetta theme! Thanks for making it available for free and offering support too.

    I was wondering if it is possible to shrink the navigation menu on the homepage? Here is a link to my site http://forgetfulmr.com – I’d love to reduce the space between the navigation menu and my text if possible.

    Another quick question I have is how I’d change the Home and About Us to remain highlighted at all times. Is this possible?

    Any help you can give me would be gratefully appreciated.

    Thanks in advance
    Paul

Viewing 3 replies - 1 through 3 (of 3 total)
  • 1. To reduce the blank space, edit the home page using “text” tab. Search and delete: <h1 class="page-title"></h1>.

    2. For change the Home and About Us to remain highlighted, edit style.css, line 665, value font-weight. To see like this:

    .nav-menu li a {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        padding: 15px 17px;
        text-decoration: none;
        text-transform: uppercase;
    }

    Try 😉

    Thanks for the quick reply.

    I sadly don’t see <h1 class=”page-title”></h1> on my homepage when viewing in text mode 🙁 – Would this be in another file?

    I’m reluctant in editing the style.css as when I apply an update my changes would be lost. I noticed on GavickPro website they mentioned override.css in my child theme CSS folder – however I don’t believe this works for this theme. Is there another way to achieve this, that won’t be lost when applying an update?

    Kind regards
    Paul

    Thanks once again for your pointers I’ve now resolved this issue.

    For the benefit of anyone else who may encounter this issue – I did the following to resolve:

    1. Download & install Simple Custom CSS WP plugin
    2. Added the following CSS

    .nav-menu li a {
    color: #064b76;
    font-weight: bold;
    display: block;
    font-size: 14px;
    line-height: 1;
    padding: 15px 17px;
    text-decoration: none;
    text-transform: uppercase;
    }

    .page-title {
    color: #fff;
    margin: 0 auto;
    max-width: 1040px;
    padding: 0px 0;
    width: 100%;
    }

    Cheers
    Paul

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can the navigation menu size be reduced?’ is closed to new replies.