Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 20, 2019 at 1:58 pm #1149622
    Manko267

    Good day
    I would like to have the three symbols next to each other and not one below the other on the Home Site (mobile phone view) after the words “recycling can be so easy”.
    As I’ve read, that’s not easy.
    Can you please adjust the CSS for me?
    That would be great, thank you.

    Greeting Manu

    October 22, 2019 at 12:56 pm #1150166
    Victoria

    Hey Manko267,

    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 #wrap_all #av_section_2 .flex_column.av_one_third {
      width: 28vw;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 22, 2019 at 10:01 pm #1150306
    Manko267

    Hello Victoria

    Thanks for the code.
    That almost works. Unfortunately the symbols are still too big. They overlap.
    Can you please insert the code for adjusting the size? If possible, the size should only change on the phone and tablet.

    Thank you very much

    Kind regards
    Manu

    October 26, 2019 at 1:20 pm #1151349
    Mike

    Hi,
    Sorry for the late reply, I took a look at your page and added some css to go with Victoria’s css to adjust the size of the icons.

    @media only screen and (max-width: 767px) {
   .responsive #top #wrap_all #av_section_2 .flex_column.av_one_third {
      width: 28vw !important; 
  }
  .responsive #top #wrap_all #av_section_2 .flex_column.av_one_third a.av-icon-char {
  	font-size: 20px !important; 
    line-height: 20px !important; 
    width: 20px !important; 
  }
}

    please clear your browser cache and check.

    Best regards,
    Mike

    October 26, 2019 at 2:57 pm #1151358
    Manko267

    Perfect! Thank you Mike

    Kind regards
    Manuel

    October 26, 2019 at 4:54 pm #1151375
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Symbols’ is closed to new replies.