DMXzone Accordion Support Product Page



Reported 27 Mar 2012 00:34:45
has this problem
27 Mar 2012 00:34:45 Patrick McGough posted:
Is there a way to remove the horizontal scrollbars at the bottom of the frame that opens when you click on a heading to expand it?


Replied 27 Mar 2012 07:29:41
27 Mar 2012 07:29:41 Teodor Kuduschiev replied:
Can you please provide a link to your page?
Replied 27 Mar 2012 10:25:54
27 Mar 2012 10:25:54 Patrick McGough replied:

They appear in Firefox but when I opened just now in Safari on my IPhone they are not there.

Thanks for any help you can provide.
This reply was removed on 3/27/2012 10:48:22 AM.
See the changelog
Replied 27 Mar 2012 10:55:15
27 Mar 2012 10:55:15 Teodor Kuduschiev replied:

The reason the scrollbars are there can be found in your css file:

#innerwrapper p {
    margin: 12px;
    width: 530px;

The <p> width is more than the accordion width.
Replied 27 Mar 2012 14:27:00
27 Mar 2012 14:27:00 Patrick McGough replied:
I don't see how I can change the width of the accordion without it effecting the size of the container. I have an empty container (i.e. Another Stylist) and it does not have the scrollbars. I guess I am asking how do I change this to not carry the containers into the pictures on the right hand side and still not have the scrollbars?
Replied 27 Mar 2012 14:42:31
27 Mar 2012 14:42:31 Teodor Kuduschiev replied:
What you need to do is to remove the width from your inner container.
It is in YOUR CSS stlysheet.

    #innerwrapper p {  
        margin: 12px;  
        width: 530px;  

Replied 27 Mar 2012 14:52:29
27 Mar 2012 14:52:29 Patrick McGough replied:
Thank you Teodor. I modified the <p> within the accordion and was able to change it without effecting the innerwrapper p style that effects other pages.

Reply to this topic