Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #128368
    Ken
    Participant

    How can I round the corners on the primary menu and also decrease the badding around it?

    Parallax Frame Pro

    http://originslc.com/

    #128420
    tikaram
    Participant

    @klevinberg : Go to Appearance => Customize => Additional css and add the following css.

    .nav-primary .menu a {
    	background-color: unset !important;
    }
    .nav-primary {
    	background-color: #e8554e;
    	border-radius: 15px;
    }
    .parallax-frame-nav-menu .sub-menu {
    	background-color: #e8554e;
    }
    
    .nav-primary .menu li a:hover, .nav-primary .menu li:hover > a{
    	background-color: #000;
    	color: #000 !important;
    }
    .nav-primary .menu .sub-menu li a:hover {
    	color: #000;
    }
    .nav-primary .menu a {
    	padding: 20px 20px;
    }

    Let me know if this resolves your issue.

    Regards,
    Tikaram

    #128458
    Ken
    Participant

    it works but when I go to save it gives me an error message.

    There is 1 error which must be fixed before you can save.

    #128469
    tikaram
    Participant

    @klevinberg : Please try adding the additional css again. I have corrected the above code.

    Regards,
    Tikaram

    #128524
    Ken
    Participant

    Great and thank you!

    #128631
    tikaram
    Participant

    @klevinberg : Glad to know that the issue has been resolved. Let me know if you have any more issues.

    Regards,
    Tikaram

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Styling Menu’ is closed to new replies.