1. hopekiah
  2. Commercial Templates
  3. Friday, 06 June 2014
  4.  Subscribe via email
Greetings again Ciarán,

Regarding my iPhone's view of http://www.santafeattorneys.net.

Issue #1
Scroll to the bottom and see the disclaimer module. I'm having trouble with the responsiveness.

Here's the code I'm using to try to get that module to look right on both the computer and phone:

div#footer-1 {
background-color: #574f4b;
color: #ccc;
font-family: arial, sans-serif;
font-size: 10px;
width: 97%;
margin-left: 20px;
}


You can see that it's not working well. We would be fine if the disclaimer could land above the copyright information, in the same module, so that the brown background spread all the way left to right like it does there. Is that possible?

Issue #2

I typically hide your copyright module, but in this case, this automatically hides the bottom menu. Here's the code I use:
div#container_copyright {
display: none;
}

I do this because I like to use the joomla footer module instead. Can I somehow put the joomla footer module, AND the bottom menu (which will be a user menu) into the bottom area with the brown bg all the way across?
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hope

Issue 1: To amend could you try replacing your CSS to the following...


div#footer-1 .module_padding {
background-color: #574F4B;
color: #CCCCCC;
font-family: arial,sans-serif;
font-size: 10px;
margin: 0 5px;
padding: 10px;
}
@media only screen and (max-width: 1024px) {
.module_margin {
margin: 15px 0;
}
#footer-2 {
margin: 10px 0;
}}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Issue 2:

Presuming I understand you correctly you wish to place the bottom menu in the same area as your Disclaimer? Have you considered simply creating a menu and placing it in the same module position (footer-1)?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Quick reply - I'm going to be out of the office until the middle of next week. I'm not ignoring you. I so appreciate your help, Ciarán! I'll be in touch.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,
I'm back!

I followed your advice, and more. I put ALL The bottom modules into the disclaimer module. The responsiveness is still a little off, but it's okay for now.

NEW THING: I received more content for the home page, which displays all the featured articles. They do not "respond" from two columns to one column. Is there any way to make that happen? (change two columns to one column on the smallest devices?)

thanks,
hope
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Hope

Could you try adding the following to the Custom CSS field..


@media only screen and (max-width: 767px) {
.items-row .item {
width: 100% !important;
}}


This will largely only effect mobile phones!

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Yes, that worked well. Thank you.
  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.