mobile display
-
-
-
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.
-
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.
-
-
It is possible to reorder the widgets within each sidebar, yes, and with a Media Query, we can limit the reordering to only mobile.
-
OK.
Please wait.
I change the desktop version first.
After that, I will tell you the order of carrying again. -
① Header image
② Popular articles
③ Main content
④ Latest posting
⑤ Category
⑥ SearchI want to change.
Thank you. -
-
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; } } -
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
⑥ SearchI 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.
-
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
⑥ SearchI want to display in order.
Please tell me how to make this possible.
-
The text color of the widget of my site is red.
Others are also red.
I want to change this to black. -
-
Red text, Red frame etc could be changed to black.
The rest is only the order of mobile display.
Thank you.
-
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?
-
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?
-
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.
-
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.