Answered: Button in header part of the page

Post date: 2020-11-27 16:02:32
Views: 106

You can't normally add a button (in HTML language), but you can add a link and stylize it as a button.

To add an extra link to the main menu, log in as admin, and move to Pages tab, and you can add extra links there to point to any page or external website.

To stylize a link like a button and to create an icon in front of it, it requires some CSS jobs.

Each extra link will have a CSS class like this:

.qa-nav-main-custom-1 .qa-nav-main-link

.qa-nav-main-custom-2 .qa-nav-main-link

.qa-nav-main-custom-3 .qa-nav-main-link

.qa-nav-main-custom-4 .qa-nav-main-link

......

An icon can be a special Unicode character, a codepoint in conjunction with a specific font, or an image.

Example:

.qa-nav-main-custom-11 .qa-nav-main-link::before {
    content: "pets";
    color: crimson;
}

qa-nav-main-link::before {
    font-family: "Material Icons";
    font-size: 24px;
    position: absolute;
}

Please click Here to read the full story.
 
Other Top and Latest Questions:
Can a category be hidden from search results and not appear on the first page?
Senate passes reauthorization of a key U.S. surveillance program after midnight deadline
Reed Hastings shares the 3-word tactic that helped make Netflix a $240 billion company—it's called 'farming for dissent'
Nvidia dragged to worst day since March 2020 after Super Micro plunge
Korean Cooking Show
I'm a professional poker player, and have trouble sleeping, please help!
Movie: Dead End Drive-In
Oasis launches a campaign at Kao Corp, but this battle is likely to be a difficult one
This Ohio cabin was just named one of the top 10 vacation rentals in the world—check it out
Tesla recalls Cybertruck over 'trapped pedal' issue seen in owner's viral TikTok video