Joomla Templates Club 406,261 posts

[sriz786 Friend sriz786Join date: July 2006Posts: 73Downloads:321Uploads:16 Thanks: 15]

#726176

Hello,

We have a similar problem like in this thread

http://id.joomlart.com/forums/topic/horizontal-scroll/

We have a horizontal scrollbar in the footer, the problem already solved on that forum,

The moderator said this
“
Hi

Problem is due to the Ja acm module client Id = 711 you choosed 9 column width i created a css rule in custom.css to reduce a bit it’s width as you can see now the scrollbar is no more showed.
“

Yes, we use the ja acm with 5 column, We do not know where is exactly the css must be adjusted to fix the horizontal scroll. What is the content of the custom css to fixed it ?

and after fixing, there was a space in the right side of the website, and the moderator said this

“
Hi

I applied the css class to the single module clientes now , please check it

“

Same question as above, what is the css ?

We need a help to solve this issues.

Thank you for the kindly help.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#754695

Hi,

Please look at the screenshot here

You will see the Offline button to show outside the layout. You can try to disable it or let me know where can I see the configure from your site?

I will check it for you.

Regards

[sriz786 Friend sriz786Join date: July 2006Posts: 73Downloads:321Uploads:16 Thanks: 15]

#754709

The offline button is not affected the horizontal scrollbar, disable or enable it , it is not affected.

As I mentioned above, the horizontal scrollbar was caused by “JoomlArt Advanced Custom Module” with ID 414.

Jacm with 2 column, the horizontal scrollbar disappear. But we need 5 colum for the menu footer.

Our problem is similar like this thread
”
http://id.joomlart.com/forums/topic/horizontal-scroll/
”

They able to solve the problem.

Thank you

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#754780

I fixed the problem directly on your site with the solution below

Open templates/uber/local/css/themes/def/template.css file add new css style

.uber-footer-inner .row, .uber-footer-inner {
padding: 0px !important;
margin: 0px !important;
}
.uber-spotlight .row {
margin: 0px 5px 0px 5px !important;
padding: 0px 5px 0px 5px !important;
}

You can check it again, let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. sriz786

[sriz786 Friend sriz786Join date: July 2006Posts: 73Downloads:321Uploads:16 Thanks: 15]

#754800

Thank you Ninja Lead, seems like the horizontal scroll disappear.

Can you point us which modification should be taken (css, module, ..) ?

Thank you

[sriz786 Friend sriz786Join date: July 2006Posts: 73Downloads:321Uploads:16 Thanks: 15]

#754802

Sorry, Ninja Lead, please ignore bellow post, i was looking at the other site that have similar problem.

Can you tell me about the modification to hide the horizontal scroll?

Thank you

<em>@sriz786 502670 wrote:</em><blockquote>The offline button is not affected the horizontal scrollbar, disable or enable it , it is not affected.

As I mentioned above, the horizontal scrollbar was caused by “JoomlArt Advanced Custom Module” with ID 414.

Jacm with 2 column, the horizontal scrollbar disappear. But we need 5 colum for the menu footer.

Our problem is similar like this thread
”
http://id.joomlart.com/forums/topic/horizontal-scroll/
”

They able to solve the problem.

Thank you</blockquote>

[sriz786 Friend sriz786Join date: July 2006Posts: 73Downloads:321Uploads:16 Thanks: 15]

#754876

Thank you Ninja Lead.

I have done the same modification on http://rimici.idev.rimici.com/, but the horizontal scrollbar still there.

Is there any other need to be modified ?

Thank you

<em>@Ninja Lead 502776 wrote:</em><blockquote>I fixed the problem directly on your site with the solution below

Open templates/uber/local/css/themes/def/template.css file add new css style

.uber-footer-inner .row, .uber-footer-inner {
padding: 0px !important;
margin: 0px !important;
}
.uber-spotlight .row {
margin: 0px 5px 0px 5px !important;
padding: 0px 5px 0px 5px !important;
}

You can check it again, let me know if it helps</blockquote>

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#754881

<em>@sriz786 502926 wrote:</em><blockquote>Thank you Ninja Lead.

I have done the same modification on http://rimici.idev.rimici.com/, but the horizontal scrollbar still there.

Is there any other need to be modified ?

Thank you</blockquote>

With http://rimici.idev.rimici.com/ site, you can use this solution

Open templates/uber/css/custom.css file and add new rule


.uber-footer-inner .row, .uber-footer-inner {
padding: 0px !important;
margin: 0px !important;
}
.uber-spotlight .row {
margin: 0px 5px 0px 5px !important;
padding: 0px 5px 0px 5px !important;
}


Let me know if it helps you out.

1 user says Thank You to Ninja Lead for this useful post

1. sriz786

[sriz786 Friend sriz786Join date: July 2006Posts: 73Downloads:321Uploads:16 Thanks: 15]

#754884

Great…, it work now.

Thank you very much Ninja Lead.

<em>@Ninja Lead 502931 wrote:</em><blockquote>With http://rimici.idev.rimici.com/ site, you can use this solution

Open templates/uber/css/custom.css file and add new rule


.uber-footer-inner .row, .uber-footer-inner {
padding: 0px !important;
margin: 0px !important;
}
.uber-spotlight .row {
margin: 0px 5px 0px 5px !important;
padding: 0px 5px 0px 5px !important;
}


Let me know if it helps you out.</blockquote>

[Author]

Posts