YOOtheme Gravity Tower - Joomla Template

YOOtheme Gravity Tower for Joomla Guide: template setup, demo pages, and result verification

YOOtheme Gravity Tower is a Joomla template for an architecture project, real estate development, property, or design studio website where the core experience depends on large-scale visuals, disciplined typography, project pages, and polished scrolling effects. In this guide, we will not repeat the short product card description. Instead, we will walk through the practical questions: how to approach installation, how a standard template install differs from a demo package, which YOOtheme Pro settings to review, how to connect menus, modules, styles, and ready-made layouts, and how to diagnose common issues after launch.

This guide is written for a site owner, webmaster, or editor who already understands the basics of Joomla but wants to launch a polished property page safely, keep navigation intact, and maintain control over the content. Special attention is given to the fact that much of Gravity Tower's impact comes not from a single setting, but from the combination of page layout, style, media, menu structure, module positions, custom fields, and YOOtheme Pro logic.

If you simply want to install the template and explore the demo, start with the preparation and installation sections. If your goal is more hands-on, such as building a residential complex page, an architecture studio portfolio, or a property landing page, jump to the sections on layouts, menus, parallax, result checks, and common errors.

What this template is designed to do

Gravity Tower works best when a website needs to sell a sense of space rather than a product catalog: the facade, floor plans, surroundings, interior, project team, news, and a contact form. On the official YOOtheme page, it is categorized under Home & Living and presented as a solution for real estate, architectural projects, and building-related websites. That matters because the template is built for long, visually driven pages with large imagery, not for a dense text-heavy knowledge base.

The main advantage of Gravity Tower for Joomla is the ready-made structure built around YOOtheme Pro. The package includes prebuilt page builder layouts, several style variations, and a demo site you can use as a starting point. That does not mean the project is finished out of the box. What it really gives you is a strong framework: the header, navigation, styles, Home, Development, Location, Apartments, Contact, News/Post, Imprint, and Error 404 pages, while you replace the demo content with your own project materials.

The most common mistake with templates like this is judging them as a collection of attractive screens rather than as a page system. If you only copy the hero screen and never configure the project pages, menus, modules, and images, the site quickly turns into a disconnected set of sections. That is why this guide moves from structure and use cases into settings, rather than starting with random color changes.

Where Gravity Tower makes the most sense

This template is worth considering if your project needs a striking hero section, a long-form homepage, and dedicated location and apartment pages, or equivalent service pages. It works well for a real estate developer, a residential complex presentation, an architecture firm, an interior studio, a construction contractor with a strong portfolio, an apartment rental project, an urban development, or a premium property catalog.

In those scenarios, the template helps you build more than a simple brochure site. It creates a user journey: first the visual identity of the property, then the project concept, then the surroundings and advantages, followed by layouts, the team, or contact details. On the demo site, the navigation is built around Development, Location, Apartments, and News, with an Enquire button leading to an inquiry form. You can keep that logic, but the labels and structure should reflect the real project.

When another product may be a better fit

Gravity Tower may be more than you need if the site is meant to be extremely simple, text-focused, and light on visual presentation. For a directory, a legal website, a catalog with thousands of listings, or a portal with advanced real estate filters, a template alone will not be enough. You will need specialized components, a well-designed data structure, and possibly a dedicated listings or property extension.

It is also important to remember that YOOtheme Pro is a powerful visual building environment. It is convenient for designers and webmasters, but it requires discipline: you should not give every editor full template access, you should not edit demo pages without a backup, and scrolling effects should always be tested across devices. If your team is not ready to maintain a visual builder, a simpler template with fewer moving parts will be the safer choice.

What the references reveal: style, pages, and visual logic

The local top crop shows the main visual idea right away: a large pale blue background, thin high-contrast serif typography, a tall building facade, a minimal header, navigation, and soft rounded interactive elements placed over the image. Below that comes a cream-colored block with the project title and interior imagery. This is not random decoration. The entire template is built around the feel of a premium architectural presentation where openness, breathing room, and oversized typography matter more than a dense grid of cards.

The official YOOtheme blog reinforces that reading of the design: Gravity Tower uses sticky and parallax effects, horizontal image scrolling, large sections, and multiple pages for different parts of the property story. The style is described as modern and flat, with pastel colors, a beige background, a dark blue secondary color, delicate shapes, and a combination of expressive heading typography with a calmer font for body text.

That leads to the first practical conclusion: do not start by replacing every color and spacing value. First preserve the visual system, swap in your content, and see how the ready-made sections behave. If you change fonts, heights, images, and effects all at once early on, it becomes hard to tell which edit actually broke the layout.

The page list as a working project map

The official product page lists the included layouts. For the Joomla version, that means Home, Features/Development, Location, Apartments, Contact, Index/Post, Imprint, and Error 404. The YOOtheme blog describes them more clearly: the homepage presents the property's visual identity and interior, Development works as a project case page, Location explains the surroundings, Apartments leads into layouts and tables, Contact finishes the journey with an inquiry point, and News and Post handle editorial content.

In practice, it makes sense to translate that map into your own structure:

• Home - the main showcase page for the property or company, where the visitor should quickly understand the class of the project and move into the details.
• Development - a page for the concept, project phases, architectural decisions, team, or construction advantages.
• Location - a section for surroundings, infrastructure, maps, transportation, and nearby places.
• Apartments - a catalog of floor plans, room types, finish options, or service cards if the site is not about apartments.
• News/Post - project updates, articles, a construction journal, neighborhood content, or expert material.
• Contact - lead form, sales department contact information, a feedback form, and the final call to action.

If the project is not about real estate, the page names can change, but the logic stays the same: a hero, product details, context or surroundings, selection options, supporting content, and contact. That is how the template stops feeling like someone else's demo and becomes the foundation of a real site.

What to check before installation

Before installing Gravity Tower, answer the main question first: are you deploying the template on an existing website, or are you creating a new site from the demo package? In YOOtheme documentation, these are two separate paths. A regular YOOtheme Pro archive installs into an existing Joomla site as a template. A demo package is a full Joomla installation with YOOtheme Pro and demo content, and it cannot simply be installed over an existing site like a standard extension.

If the site is already live, make a backup and install the template on a staging copy. If you are starting a new project and want to reproduce the Gravity Tower demo flow as closely as possible, it is more practical to deploy the demo package in a clean environment first and then replace the content. This distinction is critical: trying to install a demo package like a normal template usually ends in confusion around files, permissions, and expectations.

Quick checklist before you start

• Make sure you have Joomla administrator access and permission to edit templates.
• Confirm which archive you actually have: a regular YOOtheme Pro template package or the full demo package.
• Create a full copy of the site and database if you are not installing on a clean project.
• Check PHP limits for large uploads: POST size, upload size, execution time, and memory.
• Make sure the GD library is enabled on the server, because YOOtheme Pro uses it for image processing.
• Prepare your project images in good resolution, but avoid uploading oversized files without control.
• Decide who really needs access to YOOtheme Pro, and do not hand out Edit Templates permissions to every editor.

If you are not sure which package you downloaded, do not test it on a live site. Spin up a separate staging installation and verify what actually appears after setup: just the template, or a full demo site with content.

Preparing content before installation

For Gravity Tower, it is important to collect more than just the logo and text in advance. You also need a visual asset set: facade shots, interiors, location imagery, team photos, diagrams, or floor plans. The template depends on large imagery and long sections, so weak photography will stand out more than it would in a conventional card-based theme. If final photos are not ready yet, keep the demo structure in place, replace only the key headings, and validate the flow first. Then plug in the final images after the structure is approved.

It also helps to prepare a page map. For each menu item, write down what the user should learn there, which block leads to the next action, and how the result will be verified. That saves time during menu setup, because YOOtheme Pro integrates with Joomla Menu Manager, and in Gravity Tower the menu affects not only navigation but the way the entire project story is perceived.

Installation and the first check without unnecessary risk

Installing the template in Joomla should follow the standard extensions and templates workflow, but with Gravity Tower it helps to think beyond the files. After installation, check three layers: YOOtheme Pro availability, the presence of the intended style, and the correctness of the public-facing site. If you are using the demo package, complete the standard Joomla installation first, then confirm that the demo pages open properly and that you can sign in to the admin panel.

If you are installing on an existing site

1. Create a staging copy of the site or use a temporary subdomain.
2. Install the template archive through the Joomla admin panel, and do not use the demo package as if it were a standard extension.
3. Open the template styles list and assign the new style only to a test menu item or a separate page.
4. Open YOOtheme Pro and make sure the Builder interface loads and that changes can be saved.
5. Check the homepage, an article page, and the contact page with browser cache cleared.

This sequence keeps you from disrupting the entire site at once. If the style looks wrong, you can roll back the assignment for one menu item instead of restoring the full project.

If you are deploying the demo package

The demo package is convenient for a new project because it shows how the layouts, images, styles, menus, and data are assembled. But it is not a one-click finished website. After deployment, you still need to replace the demo content, review permissions, remove unnecessary test materials, and update the contact details to match the real business. YOOtheme demo packages may also include preconfigured extra extensions, so after installation it is worth reviewing the extensions list and deciding which ones the project actually needs.

Initial checks after a demo deployment:

• The homepage opens without errors and displays the header, hero, project sections, and footer.
• The Development, Location, Apartments, and News menu items lead to the expected pages or their future equivalents.
• YOOtheme Pro Builder opens the current page and shows sections, rows, columns, and elements.
• Saving settings works, and the changes are still there after reloading the browser.
• Media folders are writable, images generate cached variants, and thumbnails do not disappear.

If you hit an archive upload, save, or file access error at this stage, do not continue editing. Check PHP limits, directory permissions, and Joomla messages first. Otherwise, you may spend time configuring a page that cannot save properly.

Detailed setup after installation

Once Gravity Tower is installed, do not try to work through every setting in random order. Focus on a few critical areas: style first, then pages and layouts, then menus, modules, media, custom fields, and access permissions. That order reduces risk because the visual system and structure are locked in before the smaller decorative edits begin.

Style and palette

The official product page lists six style variations: Default, Light Blue, Light Red, Light Yellow, Dark Blue, and Dark Green. Inside YOOtheme Pro, styles are switched through the Style Library, while more precise control of colors, fonts, and components happens in the Style Customizer. This matters especially for Gravity Tower because its visual identity depends on a pastel palette, thin headings, restrained buttons, and form styling with a subtle lower accent.

A practical order looks like this:

1. Start by choosing the closest ready-made style without modifying individual components.
2. Open several demo pages and check how the style looks on the homepage, the location page, and the apartments page.
3. Change only the core brand colors and font pairing if the project requires it.
4. Save the style under a clear name so you do not lose a stable working version.
5. Check the contrast of buttons, links, forms, and text across both light and dark sections.

Do not change the style, images, section heights, and animation at the same time. In a visually complex template, that almost guarantees a situation where the problem is obvious but the source is not.

How to tell whether the style is the right one

Do not evaluate it on the homepage alone. Open at least three different states: the first screen, a long text-heavy block, and a form or table. For Gravity Tower, that is enough to reveal whether the delicate typography has been lost, whether the accent color has become too harsh, and whether readability has suffered in cream and dark sections. If the style looks great only on the hero but breaks the form or the news card, it is too early to approve it.

Layout library

YOOtheme Pro Layout Library lets you load ready-made layouts into the current page and save your own. For Gravity Tower, this is a convenient way to reuse project sections: for example, you can take the homepage structure, save a separate interior or surroundings block, and apply it to another page. YOOtheme documentation specifically distinguishes Layout, Section, and Rows types. That distinction matters because rows without sections are used in special locations such as mega menus, sublayouts, and builder modules.

For a typical project, it is better not to edit the only demo layout directly. Create a copy of the page, rename it as a working version, and then start modifying sections. If an edit does not work out, you still have the original reference. This approach is especially useful for long parallax-driven pages where one mistake in section height can change the behavior of multiple screens.

Media and images

Gravity Tower depends on high-quality imagery. YOOtheme Pro can work with media fields, define width and height, generate responsive images, and use lazy loading. But that does not replace source preparation. Files that are too heavy will slow down both the admin panel and the public site, while images that are too small will look poor in large background sections.

Assign a role to each key image: hero, interior, location, news card, team, floor plan, video background, or technical diagram. After replacement, verify that width and height are set in YOOtheme Pro, that the image is not being stretched beyond its quality limits, and that the crop area is not cutting off an important part of the subject.

Author custom fields

The official Gravity Tower documentation for Joomla lists two custom user fields: Image with the media type and Job Title with the text type. These matter for author information, especially if you use News/Post as a project blog, construction update feed, or expert content area. If those fields are empty, the post page may feel incomplete or lose the intended author block.

Check the fields on a test user: upload an image, enter the job title, open a post, and see how the author block appears on the public page. If more than one person publishes content, define a consistent process for filling in those fields for every author. It is a small detail, but it affects how trustworthy the content feels.

Menus, modules, and template styles in Joomla

With a Joomla template, it is not enough to build a beautiful layout. You also need to connect it correctly to the menu and module system. YOOtheme Pro integrates with Joomla Menu Manager and Module Manager, but the underlying Joomla logic still applies: a module can appear on every page, only on selected menu items, based on access level, or in a specific position. If you do not verify that, some blocks may disappear from the page where you need them or show up where they should not.

Template Styles and menu item assignment

YOOtheme Pro documentation recommends creating additional template styles through Joomla Template Manager and assigning them to menu items. That is useful when one site needs slightly different visual treatments, such as a light homepage, a dark location page, a separate look for the apartments section, or a test version for editorial review.

A practical process:

1. Open Extensions - Templates - Styles in the Joomla admin panel.
2. Create a copy of the base YOOtheme style.
3. Open the new style and go to Menu Assignment.
4. Assign the style only to the required menu items, for example the Apartments page.
5. Open the site in a private window and confirm that the style is applied only where intended.

If you edit the style directly in YOOtheme Pro, keep in mind that saving the theme and saving the page layout are not the same action. After a substantial edit, always verify both the site-wide style and the page layout itself.

Module positions and Builder Module

YOOtheme Pro provides a set of positions for Joomla modules: toolbar-left, toolbar-right, logo, navbar, header, dialog, mobile equivalents, sidebar, top, bottom, and builder-1 through builder-6. Some of these positions are used by the header and navigation, while others live above or below the main content output. The builder-1..builder-6 positions are intended for the Position element inside the page builder. That means a module can be inserted into a page layout itself, not only displayed around it.

For Gravity Tower, that is useful in several situations:

• Output a contact module or language switcher in the top bar without changing the homepage layout.
• Add an alternative menu in the dialog or mobile dialog for mobile navigation.
• Embed a form, map, or property list module into a specific section through the Position element.
• Use Builder Module in top or bottom when you need a more complex block before or after the main content.

After publishing a module, check not only its position but also Menu Assignment. In Joomla, module behavior is controlled by a combination of menu assignment and access level. If a module is not visible, the issue is often not Gravity Tower at all, but the fact that it was assigned to the wrong menu item or made available to the wrong user group.

Testing a module by temporarily simplifying conditions

If a module does not appear, do not start by changing the layout. First simplify the conditions: publish it, set access to Public, assign it to On all pages, and choose a simple position. Once the module appears, add the restrictions back one at a time: first the menu item, then access, then the precise Builder position. That route is faster than trying to find the problem across ten settings at once.

Menus and mobile navigation

In YOOtheme Pro, menus can be displayed through menu positions or through Joomla Menu modules. For a standard site, it is usually enough to assign the main menu to the navbar and verify the mobile dialog. For a multilingual site, YOOtheme documentation recommends not relying only on menu positions. Instead, use Menu modules in the necessary positions, because Joomla's multilingual logic requires separate control over menus, languages, and assignments.

If you keep the minimal top navigation in Gravity Tower, check the following:

• The menu items match real pages rather than demo labels.
• The inquiry button leads to the contact section or form page.
• The mobile menu includes every critical item and does not hide contact access.
• The dropdown or mega menu is not overloaded, because the template's visual logic is built around a calm header.

Gravity Tower layouts: how to adapt the pages to a real project

Gravity Tower's strength lies in its ready-made pages, but those are exactly what require careful adaptation. You cannot simply replace the headings and keep someone else's structure if your project does not match the demo. It is better to review each page through the same chain: page goal, data source, visual block, user action, and result verification.

Homepage

The homepage should explain the property or company quickly. In the demo, the homepage opens with a large tower image, interactive points, and a transition into the project concept. For a real project, keep that principle: one main visual object, short navigation, a clear action, and a move into the main story block. Do not turn the first screen into a slider with ten images. The fewer competing focal points, the better the architectural presentation works.

Development or concept page

This page works well for telling the project story: architecture, materials, team, stages, advantages, partners. If the site belongs to a studio, you can replace the developer narrative with a case study: client challenge, solution, visualization, and outcome. Use the ready-made sections as a framework, but rewrite the narrative around the real process.

Location or surroundings page

In the demo, Location explains the neighborhood, infrastructure, and nearby places. For real estate, this is one of the most valuable sections. For an architecture studio, you can turn it into a project context page: where the object sits, how it interacts with its environment, and which constraints and advantages shaped the work. The key point is not to leave demo place lists in place without meaning.

Apartments or options page

The Apartments page presents room types, interiors, equipment, and tables. If you do not have apartments, use it as a page for service options, packages, property types, or a project collection. What matters is preserving a clear decision structure: category, parameters, visual example, and user action.

News and Post

News/Post should not be treated as a decorative blog. In Gravity Tower, it can become a project journal: construction progress, architecture notes, interviews, local news, or floor plan explanations. If you use the author block, fill in the Image and Job Title fields for your users. If you do not need a blog, it is better to remove the menu item than leave an empty section in place.

Parallax, sticky sections, and horizontal scrolling

Gravity Tower stands out because of its scrolling effects. The official YOOtheme blog specifically highlights horizontal image movement, sticky backgrounds, and sticky columns. These effects create a presentation-like feel, but they also become a source of errors if you change heights, absolute positioning, and images without testing.

How to edit effects safely

Start with a copy of the section. Then change only one parameter at a time: the image, height, position, or speed. After each edit, check the page on a large screen, at tablet width, and at mobile width. If the effect breaks, you will immediately know which change caused it.

With horizontal scrolling in particular, it is important to preserve the image placement logic. In the official YOOtheme breakdown, the images are arranged side by side and then shifted horizontally as the user scrolls. If you change the number of images or their size, you need to recalculate the movement and confirm that the last frame does not cut off too early.

When it is better to simplify an effect

Not every page needs to feel cinematic. If a section is there for contact information, legal details, or a short piece of text, heavy parallax may get in the way. Simplify the effect if:

• The image becomes blurry or overly large on mobile.
• The visitor cannot quickly reach the form or the required information.
• The section behaves differently across browsers.
• Editors update the content often and will not be able to test the movement every time.

A good Gravity Tower setup is not about maximum animation. It is about a smooth, coherent project story. The effects should support the meaning: facade, interior, surroundings, options, contact.

Practical example: building an architecture project page

Let us walk through a scenario that fits Gravity Tower especially well: you need to build a presentation page for a residential complex or architectural project. The goal is a page where the visitor sees the primary visual, understands the concept, explores the surroundings, and then moves to an inquiry form or the floor plans.

Goal

Create a project homepage based on the Gravity Tower demo logic: a hero with a large image, a concept block, an interior or advantages block, a surroundings block, a transition to options, and a final contact section. The page should feel cohesive and should not depend on random leftover demo copy.

Preparation

• The template is installed or the demo package has been deployed.
• You have a copy of the Home demo page or a working draft.
• Key images are ready: facade, interior, surroundings, map, or rendering.
• Menu items have been created for Home, Concept, Location, Options, and Contact.
• You have confirmed that YOOtheme Pro saves layouts without errors.

Steps

1. Copy the Home demo layout into a new page so the original reference remains intact.
2. Replace the main heading and image without changing the section height or positioning.
3. Rename the navigation items to match the real project sections.
4. In the concept block, keep 2-3 strong paragraphs instead of long promotional copy.
5. In the interior section, replace the images with a set that shows different areas of the property.
6. In the surroundings block, add real places, distances, or meaningful neighborhood advantages if they are confirmed.
7. Add a transition to the options page or contact page, but do not overload the page with several equally strong calls to action.
8. Save the layout and check the page in public view without being logged in.

Verification

After saving, the page should open as one coherent story: the hero should not overlap the menu, the concept block should follow immediately after the first visual screen, the images should not jump during scrolling, and the buttons should lead to real pages. Also confirm that the mobile menu includes a path to the inquiry or contact section.

One nuance to watch for

If the parallax becomes too aggressive after replacing images, the text starts overlapping the picture, or the section becomes too long, do not try to fix everything at once. Go back to the copy, compare the image dimensions, section height, and positioning settings. Very often the issue is not the template itself, but the fact that the new visual has a different format and needs more careful cropping.

Practical ways to use Gravity Tower

Gravity Tower can be used for more than a single residential property site. Its structure fits several related working scenarios, as long as you do not invent features that are not supported by the sources and instead build on its confirmed strengths: page builder layouts, styles, large imagery, menus, modules, author custom fields, and ready-made pages.

Residential complex landing page

Use the homepage as a presentation route: hero, concept, advantages, interior, surroundings, apartments, and contact. YOOtheme Pro features help you build a long visual layout, while menu and module positions let you surface the inquiry form, language switcher, contact details, and supporting blocks. The validation is simple: the visitor should understand the project and find the inquiry button in a single pass.

Architecture studio portfolio

The Development page can be adapted into a case study, while News/Post can support project publications. The author custom fields are useful for expert notes from the team. In this scenario, it is important not to leave apartment-focused logic in places where it no longer fits. Apartments can become a page for project types or featured work.

Interior design or premium service website

If the business is selling not a property but a visual atmosphere and trust, lean on strong imagery, style variations, and carefully designed forms. The Location page can become a showroom section, a service area page, or a project context block. The main thing is to preserve the calm visual language: large typography, breathing room, and clear CTAs.

Content-driven real estate project

News/Post can be used for construction updates, neighborhood features, infrastructure reviews, and floor plan explainers. In this scenario, it is important to fill the author fields in advance and think through the post template so the blog feels like part of the project rather than a separate feed.

Checking the result after setup

After installation and configuration, it is not enough to say that the page opened. With Gravity Tower, your review should cover the visual presentation, navigation, modules, media, permissions, mobile view, and speed of perception. The more complex the visual effects, the more important it is to complete this check before publishing.

Public-facing site

• The homepage opens with the correct logo, menu, and hero section.
• Menu items lead to real pages rather than demo placeholders.
• Inquiry and contact buttons work and do not conflict with scrolling behavior.
• Images look sharp, are not stretched, and do not overlap the text.
• Sections with effects do not create a horizontal scrollbar where one should not exist.
• The mobile header includes navigation, contact access, or a clear path to the form.

Admin panel and permissions

Make sure YOOtheme Pro access is limited to the roles that genuinely need it. YOOtheme documentation specifically calls out the Edit Templates permission: if it is left too broad, an editor may open the visual builder and accidentally alter the template structure. For content managers, it is usually better to allow article, module, and media editing rather than full design access.

Performance and images

YOOtheme Pro generates responsive images and uses lazy loading, but the original files still need to be sensible. After replacing media, open several pages as a guest, clear Joomla and browser cache, and verify that images appear without causing severe layout shifts. If the server is not generating cached variants, check the folder permissions and confirm that GD is available.

SEO and content structure

A visual template does not replace text structure. Every important page should have a clear heading, meaningful paragraphs, internal links, image alt text, and logical navigation. Do not overload the first screen with a pile of generic marketing lines. It is better to explain the property briefly there and unfold the details further down the page journey.

Safe improvements without editing the core

With Gravity Tower, there is no need to edit Joomla core files, YOOtheme Pro, or template files directly. If you need a small visual adjustment, use a child theme and the css/custom.css file, as described in the YOOtheme Pro documentation. This approach keeps your changes separate from the main template and reduces the risk of losing them during updates.

The example below does not rely on undocumented internal functions. It adds a soft focus treatment and button shape only to sections where you explicitly assign the CSS class gt-project-cta in the element or section settings. If the class is not assigned, the code changes nothing.

.gt-project-cta .uk-button {
  border-radius: 999px;
  letter-spacing: 0.04em;
}

.gt-project-cta .uk-button:focus-visible {
  outline: 3px solid rgba(178, 143, 93, 0.45);
  outline-offset: 4px;
}

Where to use it: create a child theme, add css/custom.css, assign the gt-project-cta class to the required section or button block, and then test the button on the public-facing site. If the result is not right, remove the class from the section or delete the snippet from custom.css. This method does not alter core files and is easy to roll back.

How to roll back the CSS change

The rollback should be just as simple as the change itself. First remove the gt-project-cta class from the test section and save the layout. If the change disappears, the code is scoped correctly. After that, you can remove the CSS snippet from custom.css or keep it for future buttons. If the effect remains even after removing the class, check the YOOtheme Pro cache, Joomla cache, and browser cache before editing the file itself.

For a multilingual site, the safer customization often involves language overrides rather than CSS. YOOtheme Pro documents how to search for TPL_YOOTHEME constants and use Joomla Language Overrides. If you need to change text such as "Continue Reading" or a custom logo string, it is better to do it through System - Language Overrides than by manually editing the template language file.

Common problems and troubleshooting

Problems with Gravity Tower usually do not come from one single broken feature. More often, they come from a mismatch between Joomla, YOOtheme Pro, files, media, and menu assignments. Below is a practical symptom-based troubleshooting guide.

The archive will not install or the installation stops midway

Symptom: Joomla shows an upload error, a blank screen, or the installation never completes. A likely cause is that the wrong archive type was chosen, the server limits upload size or execution time, or there is not enough memory.

What to check: the package type, post_max_size, upload_max_filesize, max_execution_time, memory_limit, and messages in the Joomla log. If you have the demo package, do not install it as a normal extension on an existing site. If it is a standard template archive, try the installation on a staging copy and raise the limits through your hosting settings.

The page opens, but it does not look like the demo

Symptom: the header is there, but sections are empty, styles do not match, images are different, or scrolling effects are missing. The reason is usually that only the template was installed without demo content, the correct layout was never loaded, the style was not selected, or the page was not assigned the right template style.

Fix: open YOOtheme Pro, check the current style, load the required layout from Layout Library, or deploy the demo package on a clean installation if you need the full starter site. On an existing site, do not expect a template install by itself to create every demo page.

A module does not appear in the expected place

Symptom: the module is published, but it is not visible on the page. Check the position, publication state, access level, and Menu Assignment. In Joomla, a module can be published but assigned to the wrong menu item. In YOOtheme Pro, it is also important to remember that positions builder-1 through builder-6 are rendered through the Position element and do not automatically appear anywhere in the template.

Rollback path: temporarily assign the module to On all pages and choose a simple position such as top or bottom. If the module appears, restore the more specific assignment one parameter at a time.

The mobile menu does not show the required items

Symptom: the menu is visible on desktop, but on mobile widths some items disappear or will not open. Check the mobile menu positions: navbar-mobile, header-mobile, dialog-mobile. For multilingual sites, use Menu modules rather than relying only on menu positions, because language logic requires separate control of modules and assignments.

After replacing images, the section jumps or crops an important area

Symptom: the facade, interior, or map looks stretched, and while scrolling the text starts overlapping the image. Check the source dimensions, the Width and Height fields, crop settings, section height, and parallax settings. If the issue started after uploading one specific file, restore the previous file and compare the format.

YOOtheme Pro settings will not save

Symptom: the changes are visible in the editor, but disappear after refreshing the page. Possible causes include file permissions, ownership conflicts after FTP upload, cache, or hosting restrictions. Review YOOtheme's recommendations for file and directory permissions, and check the Joomla error log. Do not continue editing layouts while saving is unstable.

Parallax looks good on desktop, but causes problems on mobile

Symptom: the page becomes too long, elements overlap, or scrolling feels heavy. The solution is to reduce the height of the complex section, disable part of the effect at smaller widths, replace horizontal scrolling with a standard gallery, or simplify the media. If the effect does not add meaning, it is better to remove it than to preserve it just for the sake of the demo look.

When Gravity Tower is the right choice

YOOtheme Gravity Tower is a strong choice if you need a Joomla template for visual presentation of a property, an architectural project, real estate, interiors, or a similar premium service. It is especially effective when you have strong imagery, a clear project narrative, and a plan to guide visitors through a sequence of pages: concept, location, options, news, and contact.

If your main goal is a listing catalog, advanced property filters, or a large portal, a template alone will not be enough. In that case, Gravity Tower can still serve as an attractive front-end showcase while the functional layer is built with specialized components, or you may decide to choose another solution altogether. If what you need is a visually distinctive presentation framework, prepare a staging copy, verify the package, configure the styles and menus, and then you can download YOOtheme Gravity Tower and test it safely on your Joomla project.

Before publishing, run one short final pass: homepage, mobile menu, forms, module positions, author fields, images, cache, and access permissions. If everything works in guest mode and the editor understands which blocks can be changed, the template is ready not only to look polished, but to serve as a practical working foundation for the site.