1. FCPeggy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Sunday, 08 May 2016
  5.  Subscribe via email
Hi,
Is there a CSS custom code to change the position of the Logo and Menu navigation in the Fedora or similar templates to do this:

Very top position - Header 1 (Logo) that is centered in all views
Below Header 1 (Logo) on the next line down I want Header 2 (navigation)
again centered.

Is there a CSS code I could insert to fix this without messing about in
the template coding?

I think if I understand the template the question by many newbies is related to the Logo and Navigation being on the same line/row on the template so it's impossible to center the logo in this state.

Please advise.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peggy

To center both your header-1 and header-2 module positions try adding the following to the Custom CSS field of your templates parameters...


.header-1, .header-2 {
float: none;
text-align: center;
}
.header-1 .custom, .header-2 .custom {
width: 100%;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi and thank you for your speedy response.

The coding did not budge either.
If header1 is positioned on the left side of the line and header2 is positioned on the right side of the same line - how can you center two items on the same line to the middle?
As it is with the size of the logo, header2 is being pushed below the logo. Neither is centering. This is why I was wondering if there is code to put header1 (logo) above header2? These two items are on the same line above the showcase - so it would be impossible to have them auto center because they conflict with each other on the same line.




I have to also say this is the best customer service I have ever experienced for response and help. Thank you so much.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peggy

Would you have a URL to an example where the suggested CSS has been added and we will examine why your module positions are not re-positioned.

Removing the float on these positions and setting their width to 100% will place them in a single column rather than floating to the left and right.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, this is not live but on my stand alone machine. There is no access. When this is put on the hosting website I will get back to you and ask you to check things out then.
I do appreciate and understand you need to check the live site.
Cheers,
Peggy
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi, The code provided did not work.

I resolved this issue by making my logo size the full width of the module space and placed the logo in that image where I wanted it. By doing this it bumped the navigation menu to the next line below.
I decided where I wanted the menu list to start from the left position and adjusted the padding accordingly. And did the same with the menu in the footer area.

Many thanks again for your excellent customer service!
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Peggy

Good work... thank you for sharing your solution to the forum.

Ciarán
  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!

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.