Specia : Menu size

  • Hi,

    The menu is too big on our website. Is it possible to reduce it with a custom CSS ?

    Thx for your help
    Regards,

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Specia Theme

    (@specia)

    Hello @stephane31

    Try this CSS code & let me know.

    .menubar .menu-wrap > li.menu-item > a {
    padding: 1px 4px !important;
}
.menu-wrap > li > a, .dropdown-menu li a {
    font-size: 15px !important;
}

    Thanks

    Thread Starter stephane31

    (@stephane31)

    Hi

    Thx for this. It works but the down arrow is in the text

    • This reply was modified 2 years, 1 month ago by stephane31.
    Thread Starter stephane31

    (@stephane31)

    Is it possible to reduce the space between the logo and the menu ?

    Thread Starter stephane31

    (@stephane31)

    Thx to you and ChatGPT, I managed to find the CSS needed

    .menubar .menu-wrap > li.menu-item > a {
padding: px 15px !important;
}
.menu-wrap > li > a, .dropdown-menu li a {
font-size: 15px !important;
}
.site-description {
width: 90%;
display: block;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
white-space: normal;
margin: 0;
padding-top: 0px;
}
ul.menu-wrap {
list-style: none;
margin: -80px;
padding: -20px;
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
ul.menu-wrap {
margin: 0;
padding: 0;
margin-top: 0;
}
}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Specia : Menu size’ is closed to new replies.