mobile display

  • Unknown's avatar
    admin81502891 · Member ·

    Thank you.
    Please give me some time.

  • Unknown's avatar

    No worries, take your time. Just post back here and let me know when you are ready.

  • Unknown's avatar
    admin81502891 · Member ·

    About the image is under construction now.
    Once completed, I would like to report it.

    I think that I changed the display order of the mobile version before,
    I would like to change further.

    ① Header image
    ② Popular articles
    ③ Main content
    ④ Latest posting
    ⑤ Category
    ⑥ Search
    I want to change it in this order.

    Thank you.

  • Unknown's avatar

    Hi, we can’t mix the widgets and the content area on a reorder. We could reorder the widgets within the two sidebars, but we can’t put a widget and then main content and then another widget.

  • Unknown's avatar
    admin81502891 · Member ·

    In other words, if it is within two side widgets, is it possible to move up and down?

  • Unknown's avatar

    It is possible to reorder the widgets within each sidebar, yes, and with a Media Query, we can limit the reordering to only mobile.

  • Unknown's avatar
    admin81502891 · Member ·

    OK.
    Please wait.
    I change the desktop version first.
    After that, I will tell you the order of carrying again.

  • Unknown's avatar
    admin81502891 · Member ·

    ① Header image
    ② Popular articles
    ③ Main content
    ④ Latest posting
    ⑤ Category
    ⑥ Search

    I want to change.
    Thank you.

  • Unknown's avatar
    admin81502891 · Member ·

    Please do not display tags at the top of the left widget and tags.

  • Unknown's avatar

    Are you talking about the tag cloud which is near the bottom of the right side widget area above the search?

    I assume on Category you are talking about the menu widget you created. See if the following is what you want. Replace the entire 799px media query I had give you before with the following.

    @media screen and (max-width: 799px) {
    .site-content {
    	display: flex;
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	-webkit-flex-direction: column;
    	-moz-flex-direction: column;
    	-ms-flex-direction: column;
    	flex-direction: column;
    	-webkit-box-orient: vertical;
    	-moz-box-orient: vertical;
    	-ms-box-orient: vertical;
    	box-orient: vertical;
    }
    #secondary {
    	-webkit-box-ordinal-group: 1;
    	-moz-box-ordinal-group: 1;
    	-ms-flex-order: 1;
    	-webkit-order: 1;
    	order: 1;
    }
    #primary {
    	-webkit-box-ordinal-group: 2;
    	-moz-box-ordinal-group: 2;
    	-ms-flex-order: 2;
    	-webkit-order: 2;
    	order: 2;
    }
    #tertiary {
    	-webkit-box-ordinal-group: 3;
    	-moz-box-ordinal-group: 3;
    	-ms-flex-order: 3;
    	-webkit-order: 3;
    	order: 3;
    }
    #text-34 {
    	display: none;
    }
    #tag_cloud-13 {
    	display: none;
    }
    #tertiary {
    	display: flex;
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	-webkit-flex-direction: column;
    	-moz-flex-direction: column;
    	-ms-flex-direction: column;
    	flex-direction: column;
    	-webkit-box-orient: vertical;
    	-moz-box-orient: vertical;
    	-ms-box-orient: vertical;
    	box-orient: vertical;
    }
    #recent-posts-widget-with-thumbnails-5 {
    	-webkit-box-ordinal-group: 1;
    	-moz-box-ordinal-group: 1;
    	-ms-flex-order: 1;
    	-webkit-order: 1;
    	order: 1;
    }
    #nav_menu-6 {
    	-webkit-box-ordinal-group: 2;
    	-moz-box-ordinal-group: 2;
    	-ms-flex-order: 2;
    	-webkit-order: 2;
    	order: 2;
    }
    #search-16 {
    	-webkit-box-ordinal-group: 3;
    	-moz-box-ordinal-group: 3;
    	-ms-flex-order: 3;
    	-webkit-order: 3;
    	order: 3;
    }
    }
  • Unknown's avatar

    I made a children’s theme.
    I entered the code I obtained earlier.

    But that did not work.

    Please tell me again.

    ① Header image
    ② Popular articles
    ③ Main contents
    ④ Category
    ⑤ latest articles
    ⑥ Search

    I want to display in order.

    Unnecessary.
    The beginning of the left widget.
    Tag ground
    These are two.

    Please lend me your power.

    one more.
    The text color of the widget of my site is red.
    Others are also red.
    I want to change this to black.

    Please lend me your power.

  • Hi there,

    I made a children’s theme.
    I entered the code I obtained earlier.
    But that did not work.

    Are you saying that the code you were using before worked correctly?

    But then when you made a child theme, the code stopped working?

    If so, could you let us know what you needed to use the child theme for? It might not be necessary for you to use a child theme, so disabling it could be a faster route to getting your site working again.

  • Unknown's avatar
    admin81502891 · Member ·

    Yes.
    It worked correctly before using child theme.

    However, I need to use the current child theme.

    Therefore, it should work properly with the current form.

    ① Header image
    ② Popular articles
    ③ Main content
    ④ Category
    ⑤ latest articles
    ⑥ Search

    I want to display in order.

    Please tell me how to make this possible.

  • Unknown's avatar
    admin81502891 · Member ·

    The text color of the widget of my site is red.
    Others are also red.
    I want to change this to black.

  • Unknown's avatar
    admin81502891 · Member ·

    Therefore, it must work properly in the current form.

  • Unknown's avatar
    admin81502891 · Member ·

    Red text, Red frame etc could be changed to black.

    The rest is only the order of mobile display.

    Thank you.

  • Unknown's avatar

    Hi, when you switched to the child theme, it seems that the id number on the text widget used for your menu in the left sidebar changed. Find this media query in your custom CSS
    @media screen and (max-width: 799px)
    and at the bottom of that, change the
    #text-34
    to
    #text-36
    When I make the above change, the order matches what you have requested.

    I’m not seeing any red text anywhere on your site. Did you get this changed?

  • Unknown's avatar
    admin81502891 · Member ·

    Yes. That’s right.
    This is the code I taught you before.
    By changing it, it worked correctly.
    Thank you.

    For red text, we are resolving.

    Thank you very much.

    Do you know the detailed way to change the display position of google adsense ads?

  • Unknown's avatar

    Hi, on ads, yes, they can be moved, but how far and to where will depend on where you wish to put them. If you can let me know where you are wanting to move them, and which ones, then I can give you a more definitive answer.

  • Unknown's avatar
    admin81502891 · Member ·

    I am late.
    I’m sorry.
    I want to display two rectangular ads side by side between articles

  • The topic ‘mobile display’ is closed to new replies.