Button in primary menu

  • Hello,
    I would like to add one highlighted link in menu – something like this: https://medicalpro.themedesigner.in (link BOOK APPOINTMENT).

    So I create a new class in the CSS and add “background-color” and i use this class in appearance > menus >CSS classes (optional) and then background fills 100% of the header heights, always from the top.

    I tried to apply multiple solutions, but either link moves to lower / higher than the other, or there are errors in the mobile menu, or nothing happens.

    Please help ??

Viewing 6 replies - 1 through 6 (of 6 total)

  • you have this rule defined for the button.

    /*@media all and (max-width:767px)*/

    .default .navbar .navbar-header a.visible-xs {
    background: #fe824c;
    padding: 0 25px;
    color: #fff;
    line-height: 40px;
    border-radius: 0;
    text-transform: uppercase;
    border: none;
    font-family: "Lato", sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    margin: 0;
    width: 100%;
}

    if you want the button smaller you will need to change width from 100% to something smaller.

    Hi! Could you please explain how to do it step by step? (I don′t really know how to code)
    I want to put an image as a button,
    Can I do these without using a child?
    Where do I paste the code?

    Thanks!

    anyone? thanks!

    Theme Author shufflehound

    (@shufflehound)

    Hello,

    You can, but it is not recommended, because after update all theme files will be replaced.

    Can you give us a link to your website?

    Hello!

    Is there a chance NOT to update the theme?
    This is the link

    https://www.awsolutions.com.ar/

    I need to put the google partners badge next to “CONTACTO”, at the end of the menu. And I need it to be a button, so it can go to an outside link.

    Thank you

    Theme Author shufflehound

    (@shufflehound)

    Hello,

    You can ignore our updates, but then if there will be some new features you won’t get them.
    If you need to add only custom CSS code, you can add it under Maskitto Light Options > CSS Code.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Button in primary menu’ is closed to new replies.