Mobile Version, Pictures

Hi All,

Please, how to get two profiles beside each other instead of one profile in the mobile version?

Many Thanks

Hello,

Go to templates > your_template > CSS > style.css > find a row @media screen and (max-width: 575px) {

add this style:

Code:

---

Only registered members can view the code.

---

Hi Rudi,

I have this:

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
h1 {
font-size: 1.714em;
padding: 0 10px;
margin-bottom: 20px;
}
.h1-nav nav > a.post_ad {
margin-right: 10px;
}

And I have put this:

/*** MOBILE VIEW ***/
@media screen and (max-width: 767px) {
section#accounts.grid > article {
width: 50%;
}
h1 {
font-size: 1.714em;
padding: 0 10px;
margin-bottom: 20px;
}
.h1-nav nav > a.post_ad {
margin-right: 10px;
}


But it is not working!!

Then add this block above:

Code:

---

Only registered members can view the code.

---

Hi Rudi,


I have put this:


/*** MOBILE VIEW ***/
@media screen and (max-width: 575px) {
section#accounts.grid > article {
width: 50%;
}
}
h1 {
font-size: 1.714em;
padding: 0 10px;
margin-bottom: 20px;
}
.h1-nav nav > a.post_ad {
margin-right: 10px;
}


Put still not working!!

I need to look into your site to check the problem

Quote:

---

Originally Posted by timsa7

Hi Rudi,


I have put this:


/*** MOBILE VIEW ***/
@media screen and (max-width: 575px) {
section#accounts.grid > article {
width: 50%;
}
}
h1 {
font-size: 1.714em;
padding: 0 10px;
margin-bottom: 20px;
}
.h1-nav nav > a.post_ad {
margin-right: 10px;
}


Put still not working!!

---

Also don't forget to clear browser cache

Hi Rudi,

Let me try by myself and I will let you know

Many thanks

Ok, let us know if it works