+ Reply to Thread
Results 1 to 9 of 9

Thread: Mobile Version, Pictures

  1. #1
    Senior Member
    Join Date
    Aug 2013
    Posts
    121

    Mobile Version, Pictures

    Hi All,

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

    Many Thanks

  2. #2
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,129
    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.

  3. #3
    Senior Member
    Join Date
    Aug 2013
    Posts
    121
    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!!

  4. #4
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,129
    Then add this block above:

    Code:
    Only registered members can view the code.

  5. #5
    Senior Member
    Join Date
    Aug 2013
    Posts
    121
    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!!

  6. #6
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    3,129
    I need to look into your site to check the problem

  7. #7
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    Quote Originally Posted by timsa7 View Post
    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

  8. #8
    Senior Member
    Join Date
    Aug 2013
    Posts
    121
    Hi Rudi,

    Let me try by myself and I will let you know

    Many thanks

  9. #9
    Master
    Join Date
    Apr 2021
    Location
    USA
    Posts
    248
    Ok, let us know if it works

+ Reply to Thread