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-center-nav g-font |
navigation styles
| size-15 weight-400 snip-nav is-uppercase --line01 |
content styles
| form-white |
footer styles
| o-form color-white |
Typography
Heading H1
| weight-600 is-uppercase |
Heading H2
| weight-600 is-uppercase |
Heading H3
| weight-600 is-uppercase |
Buttons
| weight-600 is-uppercase |
Animations
| none |
Note: All changes made here will be applied to your entire website.
is-switcher admin-only
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE