I have a problem with changing header in elementor. When I want to change location of my button or site logo in mobile version in elementor header template nothing happens. Only when I move the button from desktop in elementor it changes on mobile too but that makes my desktop version look bad. Somebody please help I will be really grateful for any ideas. Thank you
You have to create 2 different sections 1 for desktop and 1 for mobile. Hide mobile version for desktop and desktop version for mobile. You can apply different styles for both desktop and mobile but for the change of positions of elements you need to use different sections. You can check the following screenshot. The top one for mobile header and bottom one for the desktop header.
screenshot
Related
We have a website YogiPi.com where we duplicated the homepage and changed it as we wanted.
When we view it on our laptop and tablet the copied page is working but in the mobile view we cannot see the last part of the page?..
We have not changed any settings and would be very grateful for any help to resolved this.
Thank you
Its all about the css. You should check all what is missing for mobile view.
Hi i am a newbie in Vuejs, Buefy. I am implementing a Buefy Steps UI. in Desktop Version all the b-step-item are showing but when viewing to mobile version. only one b-step-item is showing (which is the current active one) i want show all b-step-item when viewing in mobile version. Is it possible? Can anyone guide me? Thank you.
Here is the code:
https://codesandbox.io/s/epic-star-odrvu?file=/src/App.vue:337-348
You can set the mobile-mode to null and it will keep the same behavior as desktop.
:mobile-mode="null"
https://buefy.org/documentation/steps#api-view
I am currently developing a website that uses Google Custom Search and need to do some heavy CSS customisations. The thing is that I need it to be consistent between desktop and mobile layouts, as currently it is working fine for desktops, but looks broken on mobile phones due to the missing page numbering (on desktop it is 1 to 10, whereas on mobile it just shows: < Page 2 >).
Is there a way to trick Google CSE to always use the desktop layout, even on phones? I tried setting the UA string using Javascript in the website, but it did not work.
You can set the "mobileLayout" Search Element attribute to "disabled"
See https://developers.google.com/custom-search/docs/element#supported_attributes
example: <div class="gcse-search" data-mobileLayout="disabled"></div>
i am working on tracking app using vue.js. I am a new developer.i wanna know is it possible to track mouse click and capture screenshots even if person is on desktop or any where else on browser
This has nothing to do with VueJs specifically. However, you can use HTML5/Canvas/Javascript to take a screenshot, but that's still experimental.
Take a look at this answer: Using HTML5/Canvas/JavaScript to take in-browser screenshots
i have found the solution
i followed the steps here
https://www.webrtc-experiment.com/getScreenId/
these steps allowed me the screen sharing on my webpage and then i use html to canvas to get the image of the video tag
Safari recently went to version 6 (Lion/Mtn Lion) and they've changed over from the standard webkit dev tools to one that's much more XCode looking, my problem other than the OCD of not liking things change is that in the resource tab (or anywhere you can track down the DataService.aspx/AJAX calls) I can no longer see the form data that I am passing.
Can anyone point me to where I can find that data so I don't have to console out my params when I'm testing new data service/backend calls?
I've logged a bug with Apple, they've marked it as a duplicate so hopefully they've received enough requests to fix this, until then I'm continuing to use chrome as the webkit developer is the same as safari's old version.
You can find this info in Instrument tab (stop-watch icon). In the left sidebar thers Timelines row, click the grey circle (record button) on the right. Then click to Network Requests where you see all reqs, and you have to click small icon on the right oc request to display response headers and all form data are available in right panel. Panel can be hidden same as left one (in case you dnt see it).
Unfortunately there are no query pamaters listed, according to this disscussion. I belive its a bug in safari
Edit 15.May 2013: This bug was fixed in Safari 6.0.3.
As far as I can tell, there's no way to show the request parameters.
This goes even further. I can't see the JSON response data either (no clickable arrows to show the containing Javascript objects within the JSON, just pure text)
I think we have to switch to Firefox /w Firebug or regular Webkit in order to get XHR monitoring...
Guys if you want to see post data in safari 6 which is not possible right now, install the firebug lite extension and there you go you have the post data.
I used it and it works great with safari 6
Actually the request headers, response headers and query parameters are in the details sidebar on the right when using the resources view or if you click to see the content of a request in the Timelines/Network Requests view. Took me a few minutes to find that too.
If you need to see what the device is actually sending and your server is on a Windows Machine I use http://www.Wireshark.org and check on the server side of things. No interpretation by any WebKit stuff and very valuable (such as issue with iOS and the 'Blob' data). Similar network snooping should exist on Mac as well.