Joomla Templates Club 406,261 posts

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#189645

Hi,

when I take a look with my iphone4 I can see that the menu slides down until the end. So you cant see anything or add. Please see picture:

What I have to do ?

http://www.thesunshine.de

thx

markus

---

Attachments:

1. 

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

#502056

Hi Markus,

You can try to put below codes into templates/ja_smashboard/css/custom.css file:

@media (max-width: 767px) {
#t3-header {
max-height: 80px;
}

#t3-header .head-social {
margin-top: -215px;
}
}

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

1. minas69

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502072

Hi :o)

thanks thats right ! 😀

But there is now another one….When I open the ja smashboard demo with my iphone I can see the article with a white background below the image and I can slide to the different articles in this category.

Here now I can see the article but I cant slide and the textarea is black.

So what I have to do to get the same layout and function like your demo ?!

Thanks for your kindly support…

markus

---

Attachments:

1. 

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

#502195

Hi Markus,

Would you mind sending me PM with your website’s credentials ? I will help to check your issue.

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502337

yes…send

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

#502436

Hi Markus,

It seems that the scrolling issue on mobile is caused by your customized css styles on our JA Smashboard template, because the position of infinity area is set to “fixed” which causes the items not to be scrolled yet. I suggest you to backup our default styles each time before applying changes on the template. Well, in this case, you can solve the scroll issue on mobile view by adding below codes into templates/ja_smashboard/css/custom.css file:

@media (max-width: 767px) {
.ja-infinity-wraper {
position: static !important;
overflow: hidden;
height: auto !important;
margin-left: 0 !important;
left: 0;
}
}


Please check out your website now.

On the t3-content background color concern: By default, the background is set to none on all device views. If you want to show this white background, you can put below codes into custom.css file:

.com_k2.body-bg .t3-content {
background: white !important;
}


But, it will make your content area look not good as our demo.

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

1. minas69

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502442

Hi Leo,

thanks for that… it´s fine now…but now the scroll area getting shorter..please see image…

clear cache everything is fine !

thanks a lot !

---

Attachments:

1. 

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502464

Hi,

regarding this issue :

.com_k2.body-bg .t3-content {
background: white !important;
}

I mean the background in the k2 item header..see image….

---

Attachments:

1. 

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502494

only for mobile layout…

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

#502496

Hi Markus,

You can change the item header background on mobile view by adding below codes into custom.css file:

@media (max-width: 479px) {
.item .view-item {
padding-left: 20px;
padding-right: 20px;
background: white;
}

div.catItemHeader h3.catItemTitle a {
color: black;
}
}

Change to your desired background and title color.

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502543

thanks for your help Leo…!

but no change..still black…:-[

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

#502544

Hey Markus,

Lets try put these into custom.css file one more time:

@media (max-width: 767px) {
.item .view-item {
background: white;
}

div.catItemHeader h3.catItemTitle a {
color: black;
}
}

Please don’t remove these codes in custom.css file, so i can keep track on your changes.

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502549

still black 😮

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

#502550

Hi,

You put the wrong codes. The css styles should be inside @media (max-width: 767px) {…} .

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#502551

ahh..god it :D…

Many thanks for your kindly help and a nice weekend to you !! :)))

[Author]

Posts