Recent
Categories
View Replies (6)

J4 Natalie - Contact form issue and Menu horizontally instead of vertically

  1. Issue
0
Votes
Undo
  1. ip mann
    ip mann
  2. Sherlock Holmes
  3. Commercial Templates
  4. Tuesday, 23 April 2024
  5.  Subscribe via email
Hello!

I'm currently working with Natalie J4 on redesigning our website. The test page is: “https://natalie.goedelgasse.at”. Previously we used Natalie J3.

I have already encountered some errors and asked for help.

1. The contact form:
The contact form layout is different from the demo layout. I have already described this problem in my post "J4 Natalie User Form is Incorrect". With Ciaran's help, we were now able to arrange the three parts of the form (login-description, login and login__options list-group) in one column instead of three separate columns. Unfortunately this is only a partial solution:
- The login description is significantly wider than the fields of the lower elements.
- With the "login__options list-group" I figured out how to correct this myself using "custom CSS".

I also purchased the Carmen template, but it also has the same problem!

2. Horizontal menu instead of vertical:
In the J3 version it was possible to convert a vertical menu horizontally by adding "nav-pills" to the "Menu" CSS class. This method no longer works in the J4 version.
I found a solution on the web at "https://forum.joomla.de/thread/15174-menu-horizontal-statt-vertikal/", which unfortunately doesn't work for me.

Does anyone have an idea how I could solve this problem?

Thanks.
Responses (6)
ip mann
ip mann
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks Ciaran,
it now works perfectly!
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

1. To set a max width to your description try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

edit to taste

.com-users-login__description {

    max-width: 400px;

    text-align: center;

}


2. To amend try also adding the following to the Custom CSS field of your templates parameters (where contenttop is your module position)...

.contenttop .module .mod-menu {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}

.contenttop .module .mod-menu a {

    padding: 0 10px;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ip mann
ip mann
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Could I ask you to check the URLs provided as they currently give 404 not found errors.

Ciaran


https://natalie.goedelgasse.at/index.php/schulservice/lehrer-innen-login
https://natalie.goedelgasse.at/index.php/q-handbuch
https://natalie.goedelgasse.at/index.php/schulservice/lehrer-innen-login-2

For the second point (URL) I sent the access data in an email to info@joomla51.com, because this site is only for registered users
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Could I ask you to check the URLs provided as they currently give 404 not found errors.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ip mann
ip mann
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of these issues?

Ciaran


By logging in you get to the blocked area - so I'll send you the UrLs and the access data to info@joomla51.com

Thank you
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of these issues?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.