Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 23, 2019 at 9:30 am #1159387
    tbsimpianti

    Good morning, I’ve been trying for a long time to solve some problems but I need to ask your help!
    My problem is mobile displa: the vision on the mobile is chaotic, the text overlaps and becomes illegible. I can’t arrange the columns so as to have articles not side by side but one below the other. I would also like to change the font for mobile titles, is it possible? I can’t figure out where to find the Mobile Option Screen!
    Many thanks for your help!
    Carola

    Sproloqui e Ripartenze Home

    November 23, 2019 at 5:32 pm #1159482
    Victoria

    Hey tbsimpianti,

    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) {
  .html_elegant-blog .avia-content-slider .slide-entry-title {
     font-size: 15px;
   }
   .html_elegant-blog #top .main_color .blog-categories a {
     font-size: 12px;
   }
   .responsive #top #wrap_all .slide-entry {
      width: 100%;
      margin-left: 0;
   }

}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 24, 2019 at 3:53 pm #1159595
    tbsimpianti

    Great! It seems to work well now, thank you!
    Just I would like to know the path to get the Screen Options, because that can be very useful…where can I get them??

    Many thanks again
    Carola

    November 24, 2019 at 8:09 pm #1159648
    Victoria

    Hi Carola,

    https://cl.ly/aca6ff5cedb4 Screen options are available in many Advanced Layout Builder components. Is this what you’re looking for?

    Best regards,
    Victoria

    November 25, 2019 at 1:35 pm #1159858
    tbsimpianti

    Thanks Victoria for your kind reply. The fact is that the logo on my mobile site is really too small and I can’t manage to have it larger. Probably I don’t have this advanced Layout Builder so I have to ask you an help again to have it bigger. Many thanks in advance!
    Carola

    November 27, 2019 at 2:36 pm #1160637
    Victoria

    Hi Carola,

    In this case, you need css and media queries.

    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) {
  .responsive #top .logo img {
      width: 40vw;
      max-height: 100%;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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