Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #568949

    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

    #568960

    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

    #568968

    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

    #568969

    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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘icons below each other on a mobile screen’ is closed to new replies.