Forum Replies Created

Viewing 15 replies - 1 through 15 (of 268 total)
  • Thread Starter michalrama

    (@michalrama)

    Hello,

    Have you been working on this issue for a while using a lot of trial and error?
    You’re css markup is packed with all sort of max-width and width and media screen calls.
    It’s making it very hard to sort out.

    I have little of my own CSS code (I just rearranged the flags in the header and removed the big space below the header). Otherwise, all code is related to the theme and plugins.

    Your main container is setup to work within a max-width of 768px:
    https://postimg.cc/3WmSpLmn
    but the media screen is not functioning properly.

    768px is the minimum container width that you can set in the theme used (Zakra)

    Otherwise, the content of the page is related to the Elementor plugin. I use it to add toogle.

    Also, the header of the page is actually inside the article block:
    https://postimg.cc/D8gKQfLj

    I only hid this element because it creates too much space at the top. However, it is clear from the elements that it is related to the Elementor plugin (I have no idea why it does so)

    I’m snore sure – it’s very messey.
    Try starting over with a clean slte of a page, or new theme.
    Use a page template with No Header / No Footer.
    Just get the basics down for your toggle first.

    I’m sorry, I just want to test it. And I didn’t understand the definition of a header style and how to apply it to an element (width and position)

    Thread Starter michalrama

    (@michalrama)

    Hello @barsha04

    Thank you. You’re half right. Yes, in my case this is related to the free version of the domain, which has a constantly displayed ad with constant dimensions that are larger than the minimum width of the browser window. Here you can only ask the web host if something can be done about it.

    Anyway, I tried to install the Zakra theme on a corporate domain (paid without ads). I just installed and activated it. And even with fullscreen, the width of the site is greater than the width of the display. I tried disabling all plugins and it didn’t help. And the Education Zone theme used correctly displays the web even at the minimum width.

    Therefore, apparently, the correct Zakra theme settings also affect this. Do you know what needs to be set correctly, please?

    Thank you

    Thread Starter michalrama

    (@michalrama)

    Hello,

    Toogle also looks usable. Yes, it’s collapsed after the page loads, but now I have discovered a much worse problem. The title is badly “positioned”. When drop down, the title jumps to the left. You can see it in this photo, where I put two browser windows below each other.

    But I really have no idea how to solve this problem. It is not only the correct positioning, but also the correct width of the “line” under the title.

    Please help

    Thank you

    Thread Starter michalrama

    (@michalrama)

    Hello,

    So now I’m really confused. An update took place on the first wordpresseshop.webzdarma.cz website, but according to the logs, it happened today.

    And on the other site (link the page i needed help) it still doesn’t work. I tried to choose force update. It has been initialized but has not yet been executed.

    A detailed description of the error is

    Loopback requests are used to run scheduled events, and are also used by the built-in editors for themes and plugins to verify code stability.
    
    The loopback request returned an unexpected http status code, 429, it was not possible to determine if this will prevent features from working as expected.

    And both sites keep reporting it. Despite the fact that the first website was updated today.

    Thread Starter michalrama

    (@michalrama)

    Hello @michellei

    Like I said, this can be solved using CSS / JS. Text to a Accordion cannot be written in HTML format. However, an HTML element can be added. Then write an HTML table in it

    <table>
      <tr>
        <th>Company</th>
        <th>Contact</th>
        <th>Country</th>
      </tr>
      <tr>
        <td>Alfreds Futterkiste</td>
        <td>Maria Anders</td>
        <td>Germany</td>
      </tr>
      <tr>
        <td>Centro comercial Moctezuma</td>
        <td>Francisco Chang</td>
        <td>Mexico</td>
      </tr>
    </table>

    and in the Advanced tab in Advanced write CSS ID eg table.

    Then I insert an Accordion under it and insert a table into it using this code (I will find out the ID assigned to the Accordion in the debug mode of the browser)

    $("#table").appendTo("#elementor-tab-content-1091");

    However, one problem remains. The Accordion remains “drop down”. (see picture) This will probably also need to be solved with code. But I couldn’t set it up.

    Please help.

    Thank you

    Thread Starter michalrama

    (@michalrama)

    PS.

    As for the last question, unfortunately, it is not possible yet to add a table in Elementor as a native feature.

    OK. Like I said, maybe it could be solved using HTML/CSS, but I didn’t figure out how to insert text in the form of HTML. How do I do that, please?

    Thread Starter michalrama

    (@michalrama)

    Hello,

    I guess I misspelled it. Behavior is closest to the combobox. On the other hand, the combobox will drop down after the mouse enter and drop up after the mouse exit.

    This behaves exactly the same, but only with the click of a mouse. It’s on arbela.cz (when you click on price in the header – you can switch the website to English)

    This can also be seen in these two pictures – first second. All I need is a table. Will it probably be necessary to create using HTML / CSS, please?

    Thread Starter michalrama

    (@michalrama)

    UPDATE:

    As I found out, the element that has this function and is also available in the free version is the Accordion.

    The problem is that only text can be added there. Is it possible to add a table there or tweak it using CSS to make it look like a table, please?

    Thread Starter michalrama

    (@michalrama)

    Hello,

    You’re right. Adding this space works.

    Thank you

    Thread Starter michalrama

    (@michalrama)

    Hello @anthoniusalfred

    Could you please use the WordPress site health tool (wp-admin/site-health.php) to see if there’s an issue relating to background/auto updates and scheduled events?. Please look for the below items under the Passed test section of the site health status

    The recommended improvements are “A scheduled event has failed” and “Your site could not complete a loopback request”. In addition, as I now find out, the second site, which I also moved from one web host to another, has the same errors.

    On the second web host, which I use purely for testing or backups, wordpress worked properly. The problem is obviously the difference between the two web hosts. (Active24->Webzdarma)

    But I really have no idea what the problem is.

    Thread Starter michalrama

    (@michalrama)

    Hello @barsha04

    I’m sorry, I forgot to write to you that I’ve solved this problem.

    Of course, everything can be fixed with code. However, there is always a menu in the header. Therefore, you only need to install a plugin that allows you to add to the menu – for example, shortcode in menu works correctly.

    Nevertheless, thank you and have a nice new year.

    Thread Starter michalrama

    (@michalrama)

    UPDATE:

    I’ve figured it out.

    1. To place an element at the end of a list, you only need to know the id.

    $("#menu-item-1124").appendTo("#primary-menu");

    2. Flags are only a list <a> in <li>. Therefore, you only need to adjust their display.

    $("#primary-menu > li > a").css("display", "inline-block");

    Then it is still possible to add spaces so that the flags are not crammed side by side.

    $("#menu-item-1124 > a").css("padding-right", "10px");

    Thank you anyway.

    Thread Starter michalrama

    (@michalrama)

    UPDATE:

    I’ve figured it out.

    1. To place an element at the end of a list, you only need to know the id.

    $("#menu-item-1124").appendTo("#primary-menu");

    2. Flags are only a list <a> in <li>. Therefore, you only need to adjust their display.

    $("#primary-menu > li > a").css("display", "inline-block");

    Then it is still possible to add spaces so that the flags are not crammed side by side.

    $("#menu-item-1124 > a").css("padding-right", "10px");

    Thank you anyway.

    Thread Starter michalrama

    (@michalrama)

    UDPATE

    1. So I managed to partially solve the problem with this code.

    ul#primary-menu li:nth-child(4){
      order: 1;
    }

    The problem is that this code is completely dependent on the number of elements. If I add another item to the menu, it will no longer apply.

    2. This is obviously at the level of the plugin itself. Will you have to tell me how to make the flags appear side by side, please?

    Thread Starter michalrama

    (@michalrama)

    Sorry, I already deactivated it. The elements in the header are basically a list of <li>, so it would basically be enough to change the order to place them to the right. But I don’t know how, as well as the arrangement of the flags themselves.

Viewing 15 replies - 1 through 15 (of 268 total)