Height of the accordion title and the icon are not in the same row

  • Resolved blocksylover

    (@blocksylover)


    1 year, 1 month ago

    Dear Elementor,

    I created a FAQ section using Elementor’s accordion widget. All but one didn’t work. One thing that is not convenient is that the height of the accordion title and the icon, which is horizontal, are not in the same row. The Icon is higher than the Accordion title. It happens on all devices.

    I want the two of them to be in the same row as the header and icon as shown in the screenshot. The two screenshots show a comparison between the accordion from the Elementor website and the accordion I created. To know more about the issue, you can compare the two screenshots.

    May I ask you to solve this problem. 

    Thank you

    Elementor Accordion
    https://1drv.ms/i/s!AtISIbXUfJYDjnamYKGwGt13AsfR?e=64gu4b

    My Widget
    https://1drv.ms/i/s!AtISIbXUfJYDjnccY5NcTcmaLkFT?e=EKLyvI

    • This topic was modified 1 year, 1 month ago by blocksylover.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Milos

    (@miloss84)

    Hi there

    To rule out the possibility of a plugin or theme conflict, please deactivate all your plugins (besides Elementor and Elementor Pro)If it solves the issue reactivate them one by one to find the culprit. If it didn’t help, switch your theme (temporarily) to a default WP theme such as Twenty Nineteen and see if it makes any difference.

    Also, this could happen due to our Elementor performance experiments you can try to deactivate them. To deactivate them you can go to Elementor > settings > features

    Performance features currently in the experimental stage are:

    • Optimized DOM Output -This experiment is designed to improve performance by decreasing the number of wrapper elements present in the HTML generated by Elementor.
    • Improved Asset Loading – Should improve page speed by only loading the functionalities needed by that page. This experiment reduces the amount of code loaded by default, which translates to significantly faster page load times and better page speed scores.
    • Improved CSS Loading – An experiment that only loads the CSS of widgets on a page once, in order to prevent multiple requests to the server. With this experiment, CSS files are loaded as inline style tags.
    • Inline Font Icons – This experiment renders icons as SVGs without loading the Font-Awesome and eicons libraries. Since SVGs are vector-based images which are rendered using the browser’s engine, they do not increase server requests which improves performance

    I am looking forward to hearing back from you soon.

    Kind regards,

    Thread Starter blocksylover

    (@blocksylover)

    Hi
    Thank you for your reply. I will try it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Height of the accordion title and the icon are not in the same row’ is closed to new replies.