I have tried different solutions found in the web but with no success. I have tried already to remove the string from the file header.php but nothing happened.
The client wants the website to look exactly the same as the desktop version in all the mobile devices, so I have to delete what makes responsive my theme.
I'm using the theme "Twenty Twelve" from Wordpress and Elementor as visual editor.
Does anyone know how I can reproduce this? Thanks in advance for your help!
You need to remove Viewport meta tag from the header file check below
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Change Mobile & Tablet Breakpoints
You can set the mobile and tablet breakpoint values.
Go to Elementor > Settings > Style Tab, and set the breakpoint value for mobile and tablet
Save your changes
Go to Elementor > Tools > General Tab > Regenerate CSS, click Regenerate Files
set the breakpoint value = 0
change initial-scale=1.0 to initial-scale=0 in meta tag
Related
I'm in the middle of creating a WordPress theme, which I haven't done in a while, and I ran into a problem regarding mobile CSS.
I embed my CSS file in the functions.php file:
function enqueue_my_custom_styles() {
wp_enqueue_style( 'stylesheet', '/assets/main.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_my_custom_styles');
This seems to be working absolutely fine and when I check if the file is linked in a browser, it is showing. However, when I look on my mobile, I can only see basic HTML markup with working Bootstrap 5.0, which is embeded in the header.php file ( I have already tried embedding the CSS into the header.php file, same results)
Is there a specific function that I overlooked or is the problem somewhere else? Thank you.
/* Some time css not working on specific mobile device because third party library impact on your current page or any wordpress plugin install on your website then so you can using media queries and set your target apply on specific device. */
You can used different css for chrome , firefox , safari brower etc.
For more details visit below links
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
1. Css functionality is wp default option – so this is not theme related issue, if you are using any caching plugins or any other caching solutions clear them before checking on mobile.
2. Make sure to clean the mobile cache before checking (every time you make CSS changes)
I would like to be able to put a website with Woo commerce in an iframe so that people buy products as if it were on my website, The website where the iframe goes does not have to be a WordPress installation. The problem is that when navigating inside the iframe in the tests that I have done, problems with directives "X-Frame-Options", "Access-Control-Allow-Origin" and "Content-Security-Policy" appear that do not allow navigation. How can this be resolved?
I have done it through a Wordpress plugin, I attach an image
enter image description here
I think adding this in the PHP configuration works:
Header always edit Set-Cookie (. *) "$ 1; SameSite = None; Secure
I have some issues on my wordpress site.
I used divi 3.0 theme for my website.
Then there is a issues, so I am trying to fix it.
On header there is a logo and six menus.
It looks good on mozilla and Chrome but not good on safari.
Please check the following site, and please let me know what is the reason.
http://jane.devocm.com
Thank you
I see that the centered-inline-logo-wrap has an inline style="width: 416px;" Did you add this? Safari isn't showing the inline style on that element like chrome is. Is there a different way you could apply this? To the class instead of the element directly?
I am having problems trying to figure out how exactly i can edit a simple page of the website. I didn't initially create it so i am given the task of trying to understand someones code. So the problem is... i am trying to change the simple font colour on the front home page, but i cannot even find the CSS file on magento or Wordpress so i'm kind of confused. I want to change the white font colour to black.
Do i just log in with FTP and edit the pages manually on there? Please give me some information on how i can go about editing any pages at all.
Wordpress
Wordpress have /wp-content/themes/ for a directory which stores all instaled themes (downloaded or created by you). You can edit everything of a theme there. The default stylesheet file in wp's /wp-content/themes/[yourtheme]/style.css. Attention: this CSS file can import another from somewhere else.
Finding the style
You can find the ids and classes statements just positioning the mouse over the element that you want to discover what is influencing it, right button click and select Inspect Element if in Chrome or Mozilla. An add-on to help is Web Developer.
Possibly useful links: http://ithemes.com/tutorials/ ; http://mcbuzz.wordpress.com/wordpress-tutorials-complete-list/ ; http://themeshaper.com/2009/06/22/wordpress-themes-templates-tutorial/ ; http://line25.com/articles/15-tutorials-to-help-you-build-wordpress-themes
Web developer
Mozilla | Chrome
#edit Yes, you can edit via FPT or SSH connection ;P
In wordpress you should check in settings->reading what the front page is set to and css changes can be done in the theme folder wp-content/themes/theme_name/ and for magento the css is usually in /skin/frontend/package/theme/css. or somewhere close depending on the template.
I needed few simple changes to the style sheet files and I successfully managed to make these changes offline through Google Chrome Inspector but when I tried every time to implement these changes on the Tumblr theme, the blog breaks down and becomes a big mess.
Can you guys tell me please how to tackle this issue? What's the right approach or the appropriate workflow to introduce such changes of this nature without disrupting the theme?
Thanks in advance for your time and cooperation.
Tumblr themes should have the ability to insert Custom CSS.
When inside your 'Customize Theme' panel, open the 'Advanced' tab (at the bottom), there will be a box that will allow you to add Custom CSS. Add the changes you'd like to make there.
If you don't see the changes, your theme might not be optimized to accept the custom CSS that you've entered.
Click on the 'Edit HTML' button and search for {CustomCSS}. If you can't find it, then you'll need to add the following code before the </head> tag.
<style type="text/css">
{CustomCSS}
</style>
That should do it!