Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 28, 2017 at 10:55 am #784417
    Tonicobertera

    Hello,
    I would like to change some aspects of my homepage in mobile devices display to do that more responsive.
    I would like to display the logos in “Nuestros residenciales” in two column instead of one per column (av-layout-grid-1). The same for the logos after the pink title (av-layout-grid-3). Please, how could I do that?

    Could I hide the section “Síguenos en redes sociales” for mobile devices too? Just that section (title h1 + av-layout-grid-4).
    I prefer people look at social media through the footer social icons in this case.

    Thank you very much.

    • This topic was modified 7 years, 6 months ago by Tonicobertera.
    April 30, 2017 at 2:54 pm #785254
    Victoria

    Hey Tonicobertera,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {

  #av-layout-grid-1 .flex_cell.no_margin.av_one_fourth, 
  #av-layout-grid-3 .flex_cell.no_margin.av_one_fourth  {
  width: 50% !important;
  float: left;
}

#after_submenu, #av-layout-grid-4 {
  display: none;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    May 2, 2017 at 10:46 am #786268
    Tonicobertera

    Hello Victoria,
    They don’t work… nothing happen :(

    May 2, 2017 at 4:24 pm #786497
    Victoria

    Hi Tonicobertera,

    This is what I saw today, when I opened your website (in private). Is this not what you wanted? Where are you checking? Can you press ctrl+f5 on Windows or cmd+r on a Mac and see what happens?

    Best regards,
    Victoria

    May 3, 2017 at 4:48 pm #787239
    Tonicobertera

    Thank you so much Victoria, everything work great now!
    Probably my mobile phone didn’t update the changes but in another one I can see the website good. Thanks!
    Could I display the social media icons on footer for showing it in mobile devices? As I can see those on the right hand for computer screen but on footer.
    Best regards.

    May 4, 2017 at 9:02 am #787649
    Sarah

    Hi Tonicobertera,

    Can you try the solution in this thread: https://kriesi.at/support/topic/social-icons-in-footer-socket/#post-118073

    Let us know if it helps you. :)

    Best regards,
    Sarah

    May 5, 2017 at 1:27 pm #788372
    Tonicobertera

    Hello Sarah,
    I think is not exactly what I need. I include the social media icons as shortcodes in the footer widget (column 1).
    But I would like to show them only for mobile devices, when the social icons dissapear on main menu…
    Because now on mobile devices, people can’t see the social media icons.
    Thank you very much,
    Best regards.

    May 6, 2017 at 8:47 am #788765
    Sarah

    Hi Tonicobertera,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (min-width: 1025px) {
   #text-7 { display:none; }
}

    This will hide the text widget that you created, but only for screens at least 1024px wide. :)

    Best regards,
    Sarah

    May 8, 2017 at 4:56 pm #789708
    Tonicobertera

    Thank you so much Sarah & Victoria!
    I’m really grateful for your help.
    Best regards.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Display in two column in mobile’ is closed to new replies.