Home>
Smartphone version) Articles that should be at the bottom of the page are displayed above

Yes, yesterday, I solved the problem that I had been worried for days.
Thank you very much. I'm sorry for the new question.

Category posts are categorized by custom post type, and 3 articles per column are displayed.

▼ Applicable URL
WORKS part
http://www.yamanoco.com/
Whole page
http://www.yamanoco.com/design/
http://www.yamanoco.com/bookbinding/

It's not always the smartphone version only, but in a whim
Articles, buttons, and pagers that should be below will go up and appear.
Scroll back to the original normal position.

Although there is no problem with what you see,
I am worried, and I would like to fix it if possible.

How can I fix it?


◼️ Confirmation device
iPhone SE
・ Safari
・ Chrome

◼️Wordpress template
minar
http://wp.regaltheme.com/minar/

  • Answer # 1

    Is there such a strange tag or there are no start and end tags (unverified)?

    </div "></div"></div "></section">

    Because you can see a syntax error (the closing tag is displayed in red) in Firefox's "View page source", it is recommended to check if there is an error. By the way, the display position of the error is not necessarily a problem, so you need to check the correspondence of the tags in the vicinity.

    [Source check with FireFox HTML in general | System development blog (System development Irobex | Business system development company in Chuo-ku, Tokyo)]
    https://www.ilovex.co.jp/blog/system/html/firefox-1.html

  • Answer # 2

    I noticed when I was looking at it, but depending on the screen width, Seems to stick out
    It is better to addmin-width(minimum width) to such elements that are difficult to protrude

  • Answer # 3

    8/26 PHP syntax Is the one that was written on the top page,
    Apart from that, there was a PHP syntax (below) that lists categories by filtering on the following page,
    http://www.yamanoco.com/design/
    http://www.yamanoco.com/bookbinding/

    <ul>
    <li data-filter = "*">all</li>
    <? php
    $parent_categories = get_terms ('category_bookbinding');
    foreach ($parent_categories as $parent_category) {
    echo '<li data-filter = ".'. $parent_category->slug. '">';
    echo $parent_category->name;
    echo '</li>';
    ?>
    </ul>


    in this
    echo '<li data-filter = ".'. $parent_category->slug. '">';


    I changed the'. (Dot)'to', (comma)'
    Until then, HTML output

    <li data-filter = ". logotype" class>logo</li>


    <li data-filter = ". logotype">logo</li>


    As mentioned above, a useless class was taken out and output, and I feel that the frequency has decreased somewhat.
    When I looked into it, there was a sentence that recommended a comma, so
    https://qiita.com/trashtoy/items/5c76f3cd8cb636ac3c72

    For now, let's see how it looks.

    Thank you for taking the time out of your busy schedule.
    If you have any questions, please let me ask a question.

  • Answer # 4

    The PHP syntax described on 8/26 is the one that was written on the top page,
    Apart from that, there was a PHP syntax (below) that lists categories by filtering on the following page,
    http://www.yamanoco.com/design/
    http://www.yamanoco.com/bookbinding/

    <ul>
    <li data-filter = "*">all</li>
    <? php
    $parent_categories = get_terms ('category_bookbinding');
    foreach ($parent_categories as $parent_category) {
    echo '<li data-filter = ".'. $parent_category->slug. '">';
    echo $parent_category->name;
    echo '</li>';
    ?>
    </ul>


    in this
    echo '<li data-filter = ".'. $parent_category->slug. '">';


    I changed the'. (Dot)'to', (comma)'
    Until then, HTML output

    <li data-filter = ". logotype" class>logo</li>


    <li data-filter = ". logotype">logo</li>


    As mentioned above, a useless class was taken out and output, and I feel that the frequency has decreased somewhat.
    When I looked into it, there was a sentence that recommended a comma, so
    https://qiita.com/trashtoy/items/5c76f3cd8cb636ac3c72

    For now, let's see how it looks.

    Thank you for taking the time out of your busy schedule.
    If you have any questions, please let me ask a question.

Related articles