How to edit the social links in the header
Common issues
1. In section "Shortcodes" copy the social links and paste them to the footer of your website
2. Inside the code of Widget/HTML, you add the class hs-magic . Then refresh the page and you will see the icons appeared inside the header but edited in footer
How to find the icons code
Once the icons will appear in header, you can edit them in footer, at the same position you added them before.
You can find the code to edit again in footer on mouseover as shown below:
- Tip: in order to easily find the code of the social links in footer, it is suggested to add it as the last module in footer
GET INSPIRED
hide-in-doc-page
draggable-logo
Main colors
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
Template sections
| body | |
| top-header | |
| header | |
| content |
Footer Styles
| background | |
| text color | |
| link color | |
| horizontal line |
Buttons
| style 1 | |
| style 2 | |
| style 3 |
Other elements
| social icons | |
| navigation color | |
| subnav background |
Mobile navigation
| background color | |
| navigation color |
Template configurations
| has-right-nav |
navigation styles
| is-uppercase snip-nav --effect01 --line01 |
content styles
| form-white |
footer styles
| o-form |
Typography
Heading H1
| is-uppercase weight-600 |
Heading H2
| is-uppercase weight-600 |
Heading H3
| is-uppercase weight-600 |
Buttons
| weight-600 is-uppercase |
is-switcher admin-only
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE