Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #333216

    Dear Enfold support,

    On my homepage, I’m using 4 1/4th elements with a icon-box inside.
    990px” />
    These boxes display perfectly until I resize the browser width to 990px.
    From 990px to 766px, the 2 last boxes are suddenly smaller in width. (20,5% instead of 48%)
    766px” />
    At a width of 766px or less, the width is ok again, because the boxes move in one vertical row.
    less” />

    Any idea why the weird size change is happening between 990px and 766px?
    And what css i can use to fix it?

    #333515

    Hey liquidsociety!

    Please post a temporary login and post it here privately so we can inspect elements on your website and provide accurate custom CSS code to fix the issue

    Best regards,
    Yigit

    #333749
    This reply has been marked as private.
    #334031

    Hi!

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

    @media only screen and (max-width: 990px) and (min-width: 769px) {
    div .av_one_fourth { margin-left: 0; width: 48%; }
    body .container_wrap .avia-builder-el-last { margin-left: 4%; }}

    Best regards,
    Yigit

    #334735

    It worked, thanks for the support!

    #335183

    Hi!

    You are welcome, glad we could help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘One-fourth element-width wrong at website-width of 990px to 766px.’ is closed to new replies.