Welcome, Guest
Username: Password: Remember me

TOPIC: Using other menus and keep footer at bottom

Using other menus and keep footer at bottom 2 years 4 months ago #1

  • GeoInfDienst
  • GeoInfDienst's Avatar
  • Offline
Hi,

I´m currently working with your Template "Pure" and I have two Questions:

Using another Menu-Module
I´d like to use the template together with the JUX Mega Menu (extensions.joomla.org/extension/jux-mega-menu/), but when I put it in the module-position "menu", the frontend only shows a singe dropdown-arrow that will reveal the actual JUX-Menu at mouseover, instead of showing the menu directly in the module-position. I´m pretty sure the problem is with the template, because said dropdown-arrow reacts to the changes I make in the template-customizer under "Mainmenu Top" (for example the hover-background-color or horizontal padding). Other module-positions I tried ("logo" for example) display the menu just fine.

Forcing the Footer to the bottom of the page
The footer-position usually sits nicely at the bottom of the website and thats exactly what I want, but when the height of the page is smaller than the browser-window, the footer will just hover somewhere in-between.
Since I´m workin in an XAMPP-Environment right now, I will try to elaborate this using your demo-website (demo.joomlaplates.com/#Pure)

If you Add the following code to the bottom of the theme.css, the footer at the bottom will have a dark background that will end exactly where the browser-windows ends:
.tm-footer {
  background: #111111;
}

Now if you also add the following code, the site should be shorter than your browser-window and you should see the footer having lots of free space below it:
.layout-slideshow .sprocket-features-img-container img {
  display: none;
}
 
.top-a-outer{
  display: none;
}
 
.top-b-outer{
  display: none;
}
 
.top-c-outer{
  display: none;
}
 
.top-d-outer{
  display: none;
}
 
.bottom-a-outer{
  display: none;
}
 
.bottom-b-outer{
  display: none;
}
 
.bottom-c-outer{
  display: none;
}
 
.bottom-d-outer{
  display: none;
}

Is there any way to make it stick to the bottom even if the page is too short? I´m not looking to make it "sticky" so its always visible and stays in place when you scroll down, hovering above the content.. when the site is long enough to scroll down, the footer should still only appear when you scroll to the end.

I hope you can help me with these things.
Best Regards
- Kai
The administrator has disabled public write access.

Using other menus and keep footer at bottom 2 years 4 months ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hi there,
1.) An external menu extension on our menu module position is not working
But you can customize the menu:
yootheme.com/support/question/87484

2.) Please never edit the original CSS files, because these files will be overwritten with the next theme update. Always add your custom style to the custom.css
www.joomlaplates.com/template-customizing

Btw without a screenshot or a live Url it is hard to know what do you mean..
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen