Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2016 at 11:29 pm #568949
    Dutchman

    I’ve got a page with 9 content sections with 3 or 2 icons (av-icon-char). As soon as the page is below 768px width, the first 2 content sections are displaying the 3 icons below each other instead of next to each other. The next 7 content sections are displaying the icons next to each other below 768px like it should. How can i fix the first 2 sections to have them display the icons next to each other?
    http://goo.gl/bplRHK

    January 20, 2016 at 11:38 pm #568960
    Yigit

    Hey Reisfreaks!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 769px) {
.page-id-750 div .av_one_third {
    width: 29.333333333333332%!important;
}}

    Regards,
    Yigit

    January 20, 2016 at 11:47 pm #568968
    Dutchman

    Hi Yigit! Problem solved in 9 minutes thats a record!!!
    I tried 

    @media only screen and (max-width: 767px) {
.coloricons .av_one_third {
    width: 33% !important;
}}

    Case closed :D

    January 20, 2016 at 11:48 pm #568969
    Yigit

    Hi!

    Now goal is to break that record ;D
    Glad you figured it out! Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘icons below each other on a mobile screen’ is closed to new replies.