Joomla Templates Club 406,261 posts

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#191149

I have simulation ov automotosvijet.com, and I have horizontal scrooler appeared. Can anyone give mi idea how to avoid horizontal scroller? tnx

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508193

Hi nedzad72,

The reason that the sidebar section of your website overlapped its defined width on Kindle portrait view. You can sort this issue by putting below css styles into templates/ja_argo/css/custom.css file:

/*Adjust the sidebar on Kindle portrait view*/
.span9.t3-content-main {
width: 98%;
}

.t3-sidebar.span3 {
overflow: hidden;
}

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#508604

I have big empty space after this change:

PC:

Here are tablets:

---

Attachments:

1. 
2. 
3. 
4. 
5. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508609

Hi,

I’m sorry, i missed to give the @query of Kindle portrait. You can replace:

/*Adjust the sidebar on Kindle portrait view*/
.span9.t3-content-main {
width: 98%;
}

.t3-sidebar.span3 {
overflow: hidden;
}

with

/*Adjust the sidebar on Kindle portrait view*/
@media (max-width: 768px) and (min-width: 600px) {
.span9.t3-content-main {
width: 98%;
}

.t3-sidebar.span3 {
overflow: hidden;
}
}

1 user says Thank You to phong nam for this useful post

1. nedzad grebovic

[nedzad grebovic Friend nedzad grebovicJoin date: July 2014Posts: 325Downloads:12Uploads:118 Thanks: 83 Thanked: 2 times in 1 posts]

#508744

Thanks, not all moduls are streched (Login, FB) but is it quite better without scroller at the bottom.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#508830

Hi,

You can try these codes to make FB and Login look better on Kindle portrait view :

/*Adjust FB and Login module on Kindle portrait view*/
@media (max-width: 768px) and (min-width: 600px) {
body.plugin {
max-width: 126px;
}

input#modlgn-username.input {
max-width: 110px;
font-size: 12px;
}

input#modlgn-passwd.input {
max-width: 110px;
font-size: 12px;
}
}

[Author]

Posts