fbpx

Trick or Treat - 30% OFF - Coupon Code: SCARY20 Grab the Deal!

Welcome, Guest
Username: Password: Remember me

TOPIC: Suggestion - Add Menu item “Banner” also for bottom

Suggestion - Add Menu item “Banner” also for bottom 4 months 2 weeks ago #22913

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Elite Member
  • Posts: 166
  • Thank you received: 4
  • Karma: 0
I really like your system that can add a top banner directly to a menu item.

Suggestion:

I will really like to see the same possibility for the bottom of the menu item.

— Also the possibility to have Header items in the Banner Subtitle


In my own websites & in many others , i frequently used and see a top & bottom banners that are used to add important Key Phrases (headers) & keywords about the page and in context with the page informations and encase the content visually..

Something like:
TOP BANNER

Title —> <h1 (or h2)> My maint page title optimize for SEO and for the UX
Subtitle —> <h5 (or other lower importance header tags (again to maximize SEO & UX

BOTTOM BANNER
Title —> <h1 (or h2)> In context or as a focus important information fo for SEO and for the UX
Subtitle —> <h5 (or other lower importance header tags (again to maximize SEO & UX

Good Day Joomdev! :cheer:
Last Edit: 4 months 2 weeks ago by Chacapamac.
The administrator has disabled public write access.

Suggestion - Add Menu item “Banner” also for bottom 4 months 2 weeks ago #22963

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4153
  • Thank you received: 609
  • Karma: 108
YO! Thanks for the suggestion.

Are there any websites that are using this concept?

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Suggestion - Add Menu item “Banner” also for bottom 3 months 3 weeks ago #23237

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Elite Member
  • Posts: 166
  • Thank you received: 4
  • Karma: 0
Just a start of the contact page on a new Astroid website in construction
www.graf-test.ca/astroid/index.php/fr/co...hat/contactez-takuma

and another one:
www.graf-test.ca/astroid/index.php/fr/medias/blogue-takuma

You can use the top header to present the page and add to it’s SEO

You can use the bottom header to present important related information with more keyword

And as design it encompass the in-page infos from the rest of the interface

Note: I made those with normal astroid position - Remark that I didn't find the way to have a background color and a overlay (carbon fiber) where I can adjust transparency (opacity) without affecting the text directly on top in your template layout manager.

Suggestion:

• Add the possibility to insert background overlay with transparency adjustments in the template manager..

— You can achieve tons of cool effects that way on color & image background alike
Last Edit: 3 months 3 weeks ago by Chacapamac.
The administrator has disabled public write access.

Suggestion - Add Menu item “Banner” also for bottom 3 months 3 weeks ago #23253

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 4153
  • Thank you received: 609
  • Karma: 108
Thanks for sharing. I see how the background overlay could be really useful here. I'll see what can be done.
We have really brief options in JD Builder (for backgrounds) and having something similar should work out good enough (i think).

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
The following user(s) said Thank You: Chacapamac

Suggestion - Add Menu item “Banner” also for bottom 3 months 3 weeks ago #23266

  • Chacapamac
  • Chacapamac's Avatar
  • Offline
  • Elite Member
  • Posts: 166
  • Thank you received: 4
  • Karma: 0
If anybody want to play with that:
I’am using an pseudo element on a div added to the custom html module and using your template manager background possibility )her it’s a color but it can work on image also
.header-footer-container::after {
	background: url(../../../images/x-construction/overlays-patterns/patterns/carbon-fiber.png) repeat;
	content: "";
	position: absolute;
	background-size: 20%;
	opacity: 0.50;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
}

All padding/margin are controls by a div in the same custom html module and remove from your template manager by using “Custom” Container.

Strangely I still have to zero the padding of the section by adding that css ?
section#header-page div.custom-container, section#footer-page div.custom-container {padding:0 !important;}
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.288 seconds