Joomla Templates Club 406,261 posts

[latrobeit Friend latrobeitJoin date: June 2011Posts: 6Downloads:40Uploads:0]

#200438

Hello,

I am working on a new site for a client using JA Medicare, and when the page is resized past a certain point, the horizontal scroll bar becomes visible. When you continue to resize the page it will disappear. I was wondering if this is normal behavior? I have tested it on the JA Medicare demo and while it is not as pronounced it does happen there too.

Here is a temporary URL to the site – http://joomla.speedweb.com.au/newdmm/

Looking forward to your reply.

Grant

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#545590

Hello did you changed the container width ??
as i can see the the width of the container is 1600px .
it should be 1260 px
this is the issue the site goes out of screen width.
Please revert the custom changes . and check it .
Hope it helps you

[latrobeit Friend latrobeitJoin date: June 2011Posts: 6Downloads:40Uploads:0]

#545592

Hi and thank you for your reply. I haven’t changed the container width myself, I used the quickstart and just pruned what I didn’t need. I just checked the demo and the container width there is set to 1600 as well. Is there a template setting for container width and if so where would I find it and what setting would you suggest I use?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#545594

Hello in the demo its 1260px .
see this >> http://prntscr.com/4bz13l

Go to ===============================
/templates/ja_medicare/css/bootstrap.css

change this code

@media (min-width:1280px){.container{width:1600px;}}

into

@media (min-width:1280px){.container{width:1260px;}}

Let me know if it helps

[latrobeit Friend latrobeitJoin date: June 2011Posts: 6Downloads:40Uploads:0]

#545596

I couldn’t find that code in

/templates/ja_medicare/css/bootstrap.css

It was under

/templates/ja_medicare/css/themes/darkerblue/bootstrap.css

but when I changed it there nothing happened. So I used firebug and found the code on line 5828 of

/templates/ja_medicare/css/themes/darkerblue/template.css

Changed it there and now all is well, thank you for pointing me in the right direction.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#545598

Glad it solved .
my above suggestion is based on the default theme . every theme has their own css so its conflict .
sorry for the inconvenience to implement the solution .
All the best of your development site . 🙂

[Author]

Posts