Same look on mobile like on pc
-
I want that have same look on mobile like on pc. I edit custom code css., but on pc on right side stay widgets, videos, pictures, ads, on front page. On mobile phone this staff see on bottom page dont on right side.
On support for Spider Mag theme tell me that put this code in sidebar.php and be same look, but again same, this code<?php if ( wp_is_mobile() ) { /* Display and echo mobile specific stuff here */ } ?>
I see that must enter in code but I don’t know what? Can somebody tell me what need enter in code, i ask support but dont answer me. Thanks.
- This topic was modified 7 years, 1 month ago by Steven Stern (sterndata). Reason: put code in backticks
The page I need help with: [log in to see the link]
-
Did must enter codes for ads from ad sense, if I need enter this what is on right side, how enter widgets, plugins in this code?, if enter this staff?
Generally speaking, keeping sidebars to the right on small mobile screens is a really bad idea. Some people have old smart phones with very narrow displays, even when rotated to landscape mode!. 3 columns crammed into this space would be unreadable. I ask you to seriously reconsider your concept, your theme is doing the right thing by switching to single column mode for mobiles. If you like, you can change the threshold width where this occurs, but I wouldn’t get rid of it entirely.
I’ll answer your question anyway. It’s your site to do with as you wish. If you have not already done so, create a child theme so your changes are protected from being overwritten during theme updates.
Use your browser developer tools to identify the CSS rules that set the column widths to a certain percentage for smaller screens. You’ll need to either drastically narrow your browser screen or switch to mobile emulation mode to see the small screen rules. For small screens, the width will be 100% or close to it. Find out what the same width is for large screens. Copy the small screen media query, the applicable selectors, and the width rule to your child theme style.css file. Set the width percentage to the same as that for large screens.
You can do a live trial in the inspector tool with the large screen widths in a narrow mobile view to see the effect before committing it to your CSS file. I don’t think you’ll like what you see. But if you do, then copy as directed above, upload the edited file and reload the page. You should see all the columns in a narrow mobile view. If not, it might be necessary to place
!important
modifiers after the width values for your child theme CSS. If the rules worked without in the live trial, they should work without in a child CSS file.Be sure to check various width views, some themes make stepped adjustments to the width rules, you need to capture all applicable width rules for any view width. You can adjust the threshold of what width certain rules apply by changing the media query width value.
To add adSense and similar code to sidebar areas, add the Custom HTML widget to the desired sidebar area, then paste in the required code to the content area. Add
<script>
tag before and</script>
after the code. The user doing this must have Unfiltered HTML capability.If you need to add a shortcode from a plugin to a sidebar area, it’s more complicated because shortcodes in widgets are not automatically expanded. Use the text widget to add the plugin shortcode. In your child theme functions.php, add do_shortcode() as a filter callback to the “widget_text” filter.
I understand what you said and you think it’s good even for newer phones that have 4.7 / 5-inch screens and more. I have the LG K8 LTE 350N where the screen 5.0 is in and again is a one-column display, and that’s your understanding that it’s OK. This adding width for small screens and for me is unknown and I can not do it, so I’ll listen to you and leave it this way. And do I have to make a child theme if I leave this like this?
I have a question for adding ad ad sense. You say that I use a custom HTML – HTML to paste into it a code that looks like this `<script async src = “// pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”> </ script>
<! – Android ->
<ins class = “adsbygoogle”
?????style = “display: inline-block; width: 320px; height: 100px”
?????data-ad-client = “ca-pub-7940919836995679”
?????data-ad-slot = “1537570588”> </ ins>
<script>
(adsbygoogle = window.adsbygoogle || []). push ({});
</ script>`And I put it differently means wrong !, I went to add widget / tect widget and there adhesive the code because i so saw it on youtube and read it. Appear to see but I’m curious why not show ads that I want? I want to advertise KDA DEVELOPERS site, it is being advertised by some bank.
So, you think it’s better to leave this like this, and I do not know where to change the width of the display, and do I have to make a thematic for children and tell you more about adding an ad, now from the custom HTML widgets I add not TEKT SEE?Thank you very much for the detailed explanation, I am very grateful to you.
These fans will not be able to answer the topic and are asking for $ 15 an hour to do what they need.
WELCOME ONE, I would ask you about these two answers.If all of your theme custom work is only CSS related, no, you do not need a child theme. Instead, place the custom CSS in the Additional CSS panel of the theme customizer. I generally recommend the creation of a child theme in most cases. A lot of CSS code in the customizer can become cumbersome to manage. A child theme file is much more manageable. Additionally, a child theme makes it safe and easy to modify template code and add your own action and filter hooks. Maybe you don’t need these things now, but it’s likely to come up in the future. By having a child theme set up and ready now, it’ll be easy to add these things in the future. Making a child theme is maybe confusing for you, hence your reluctance. I understand. You should make the effort anyway, you’ll find that it’s not as ominous as it seems.
There are a number of ways to add AdSense and similar code, so just because the YouTube example you followed is not the same as what I suggested does not mean you did it wrong. If ads are appearing, how you added the code is probably acceptable. The fact you are not seeing the ads you expected is a different problem. I do not know much about AdSense, but I believe you need to adjust your account settings.
The Custom HTML widget’s content field is roughly equivalent to the Text widget’s Text view tab. You can add script tags to a sidebar area using either method.
There are probably a number of places where the CSS width needs to be overridden. The only reasonable way to find them all is to get comfortable using your browser’s CSS inspector tool. Before doing that, you need to turn off any caching and minification plugins, they confuse the issue. Find out which elements have width rules and change each as needed to match the desktop view you wish to emulate.
THANK YOU FOR ME, you have helped me a lot, and have come closer to understanding the editing of everything. I will make the children’s theme, because I see that many like your connoisseurs suggest it.
I have a question – How to publish the post from the published posts, the example 1,2 years ago on the homepage. I go to the post that is published and I rename it to DRAFT, and when I go to the post, it does not appear on the homepage!
So I would ask your for some plugin that allows it or some video tutorial to suggest me, I have about 450 tutorials related to Android devices and Android, so I wanted to set up some posts from before to the home page. So I would ask for a plugin and a video tutorial to suggest to me.To let your information be installed, I would like to have a mobile view on my mobile phone as a PC, simply very. One line is deleted from header.php and then the display is the same, this is a tutorial and what is being deleted link, it’s now on a PC post to mail, and mobile one below the other, which is not a problem, it was important for me to see advertisements, video clips, etc. from the right side, it’s now on a PC post to mail, and mobile one below the other, which is not a problem, it was important for me to see advertisements, video clips, etc. from the right side.
I would just ask you to do this for me to post your already posted posts again. Thank you very much, much.
Your home page will only show published posts. By making it draft, it is not visible to the average visitor. I’m not sure if there is a ready made plugin that does what you want, it may need to be custom coded. However, there might be other ways to achieve what you want without a plugin. You can change what order posts are displayed in by changing their published date. If you were to re-publish that draft post and give it today’s date so that there are no newer posts, it will appear as the first post. (Assuming your home page query uses the default date ordering)
Another way to get posts to appear first is to make them “sticky”. Sticky posts display first, no matter how old they are. Use the quick edit mode, which has a check box for sticky posts. One of these methods will work for several posts, but if you need to alter the dates of many many posts, it would be very tedious to do manually. Changes to a large number of posts is best done with some custom code. Of course if you are not a coder this option is not available to you unless you are able to hire someone to help you. Discussion about hiring help is not for these forums, you can go to jobs.wordpress.net or jetpack.pro for that if hiring is a possibility for you.
Once you get into custom coding, there are more options available to you besides post dates or sticky posts. The post query can be altered to order posts by many different criteria, or the posts listed could be limited to those in a certain category, or posts with a certain tag could be excluded, or there are seemingly endless other possibilities with custom code.
Hello, let me ask you how to remove this from the bottom of the page (log in, sign up, account, member login, etc) since I already have the word for registration in the menu.
I’ve tried SEO / SOCIAL SETTINGS, but it stays.
Can you tell me? Thanks in advance.Here picture what I want remove
First picture is from PC – look, this picture is mobile view and this I want remove. I use one plugin for registration, did use plugin or not?, only default registration that use?
Confuse me why show this on mobile and PC view.
Here picture from mobile view
PictureIt’s hard to say where anything comes from through a screen shot. Even a live link does not tell us much. It takes privileged access to learn where content comes from. Such access is beyond the scope of these forums.
I can tell you it’s either from your theme or a plugin ?? (That is true for any front end content). If you deactivate your plugin, reload the page, and if the content disappears, then you know it is due to the plugin. The plugin likely hooked into an event fired by your theme’s template. You can remove the content when the plugin is active by removing the hook from your theme after the plugin has added it. This takes a little bit of custom code.
If the content remains with the plugin deactivated, then you know it is your theme generating the content and the responsible template can be edited. Anytime you make changes to a theme, it’s wise to create a child theme to protect your change from theme updates.
Regardless of where the content comes from, often the easiest way to remove it is to add a CSS rule that hides it from view. The form is still there and registration bots will still use it, but normal human visitors will not see it. Custom CSS rules can be added to the Additional CSS panel of the customizer without the need to create a child theme.
- The topic ‘Same look on mobile like on pc’ is closed to new replies.