Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 8, 2014 at 7:42 am #348092
    spirani91

    Hey,

    I’m loving the new grid row, literally wanted this forever. I just have one question, is there any way (with css) I can change the number of rows that show on mobile compared to the amount that show on a desktop/tablet? I currently have three showing right now on the desktop, but when I look at it on a phone, the images are too small for my liking, and I tested two rows and it was perfect. The link to the website in the private content if y’all want to mess with the code. I understand the @media only screen and (max-width) coding, but I don’t know exactly what I need to change within that code.

    Thanks,
    Sal.

    November 8, 2014 at 10:13 pm #348243
    spirani91

    Bump. Also does anyone know how to move the logo from the main header to the secondary header?

    November 10, 2014 at 4:48 pm #348840
    Elliott

    Hi!

    Since you have them separated into three grid_row I don’t see an easy way of doing that. It might be possible to do two on a row and then one beneath for each grid_row but I don’t think that’s what your wanting to do.

    Have you considered using our columns? They will resize depending on the screen width and also switch columns when they get to a certain width. For example if you have four columns and you keep resizing the window to be smaller then they will eventually switch to three columns, two, etc etc.

    For the logo try adding this to your custom CSS.

    div.logo { z-index: 100 !important; top: 50px !important; }
#avia-menu > li:first-child {
    padding-left: 300px;
}

    Best regards,
    Elliott

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.