Maintaining the
Monarq Advisors Website

Tips & Steps for Adding Pages

  • Add pages to the “Main Navigation” Section to allow your site visitors to view them directly from the Menu

  • If you don’t want the pages to be visible in the main menu, add them to the “Not Linked” section

  • make sure URL slugs are unique and super easy to write out

  • URLs, page titles & menu titles can be different - you can use this to your advantage for leveraging SEO, without cluttering your menu, or creating “hard to spell” URLs

Tips for

Creating Responsive

Page Sections

View this section in “Edit” mode. Notice how the outline boxes of each section do not overlap in Desktop or Mobile view?

Tips for keeping sections, and the text or image elements inside them, clean:

  • Within sections, keep element outline boxes separate.If you want to avoid text accidentally covering or hiding behind images between different screen sizes, make sure the outline boxes do not overlap. Also try to leave some margin between text and image elements whenever possible

  • Try to group information into separate sections

  • Use favorited sections. So you can copy them onto new pages and then edit them with different information.

Tips for Creating

Desktop & Mobile

Friendly Text

To maximally maintain the alignment and line breaks you create across most screen sizes:

  • break long titles into separate text boxes

  • check that the vertical alignment of separate text boxes looks good in desktop & mobile view

  • ensure text box borders do not overlap with image box borders

  • in mobile editing view, extend text box borders as far as possible to avoid awkward breaks

Tips for Adding Accordions

  • Description text goes here

  • Description text goes here

  • Description text goes here

  • test, test and test again between desktop and mobile view when adding a new accordion, or changing the imagery around an accordion

  • in testing, play around with opening every accordion tab

Favorited Sections

Tips & Steps for Adding Testimonials

  • add images without backgrounds (typically only doable with PNGs)

  • try to keep image sizing and text uniform

  • quick add: the “Monarq Advisors Partners” section is already favorited. you can just create a new section with that template. enable the title and description content sections, add test and update images as needed

Tips for Editing Colors

For 1-off text color changes, just select the text box, and select a new color.

For theme and site-wide changes, use the below guide.

Tip for Editing Theme Colors: If you’re not sure what the sub-section you want to edit is called, then go to the section’s general color palette. Then click on the elements you want to edit. The theme palette editor should narrow down the options to either only that element type, or to elements within that section.

Any changes you make will be effected site-wide.

Tips & Steps for Adding Stand-Alone Images

Edit images before uploading to ensure:

  • adequate resolution

  • no background* (typically only possible with .PNG file types)

  • you can add GIFs too!

Follow the below link for how to add image blocks

Tips & Steps for Adding Scrolling Images

Edit images before uploading to ensure:

  • similar sizing to existing images in the carousel (current images are 900 x 200 px)

  • adequate resolution

  • no background*

Follow the below link for how to add a scroll-able image gallery. **Follow the steps to “add a gallery section to an existing page on your site* *

Tips & Steps for Adding Images with Floating Elements on Top

Edit images before uploading to ensure:

  • create background graphic and floating elements as separate image files

  • adequate resolution

  • no background for floating element images* (typically only possible with .PNG file types)

To add the background image:

  • create or go to the relevant section

  • click “ Edit Section

  • select the “Background” tab

  • select “Add Image”

  • enable Parallax scrolling effect

To add the floating elements:

  • add image blocks on top of the background image

  • reposition as needed

  • check final results in desktop and mobile view

About Monarq Advisors Footer Sections

The footers on Monarq’s site are not footers!

They are stand-alone sections. Meaning if you edit the footer on one page, it will not automatically update on the other pages. So any sitewide changes will need to be applied manually, 1 by 1 on each page.

We did this to allow for different headers and CTAs on each page.

In the future, if the footers need to be uniform sitewide, you can:

  • make updates to one of the ‘false footer’ sections

  • favorite it.

  • “add site footer” (see below)

  • apply the favorited template

  • and delete all the ‘false footer’ sections on the individual site pages