I have switched my Mediawiki to Medik skin.
However, I have trouble making the logo visible on my mobile. I am aware that without any further configuration, no logo is visible.
Setting the option
$wgMedikShowLogo= 'sidebar'
should make the logo visible in the sidebar, however, this does not work on mobiles, no logo shows. The option 'main' does also not work for mobiles, no logo visible.
Any ideas?
Make sure you have set $wgLogos in your LocalSettings.php. Also, logo in the sidebar is hidden on mobile screens. If you want the logo to be visible on all devices, use $wgMedikShowLogo= 'main'. (But for further investigation, you'll have to provide your wiki's URL.)
Related
So I have a page on wordpress that works with PWA. As a main page I have a background photo with menu, and I want to blockade scrolling in there. On other pages it should work.
I tought that when I will make a good size of background image, it will be fine, but not all of the phones has the sime resolution.
I was wondering if there is a block code for only this main page . Or maybe there is another way to stop scrolling on tablets, and phones.
Peace
I am not getting exactly what your mean to say. What i understand is you want to stop scrolling due to your menu is going outside.
So take a div(class=root-div) as a root element of your menu block and assign a property to it
root-div{
overflow-y: hidden;
}
i might provide you best solution if you share link of your website where you facing issue or more elaborate your issue.
https://riketest.squarespace.com/
This is the website I'm working on. the logo or button move when I make the screen smaller. I need to stay like that while getting smaller until it gets to a certain size for mobile.
Keep in mind, I'm using Squarespace so there are certain restrictions. I need the logo on top of the buttons at all times but it seems to fall out of place when it comes to tablet and mobile.
Help me, please
Working on a WordPress website.
Everything looks fine on desktop but on mobile there is a significant amount of whitespace at the top and bottom of the header.
New to WordPress so I'm having a hard time figuring out what is going on.
Here's a link to the website: http://reluctant.ceo
I would like to note that when I change the size of my browser window this problem does not occur, only when I'm looking at it on my iPhone.
Also, when I turn of "responsive layout" in the theme options I still have this issue on my iPhone.
One more thing, not sure if it matters but the header is using Slider Revolution.
The issue was that I had my revolution slider inside of a VC row element. I needed to delete the row and simply replace it with just the revolution slider instead of placing the slider inside a row.
So I made a basic slide out menu for the mobile view of my site that sits beneath my page and when you click on the label for a hidden checkbox, the inner wrapper slides to the right revealing the menu. It works well and is really responsive on mobile. The only problem I'm having is that I am now unable to click on the links. I've tried raising the z-index and that hasn't done a lick of good.
Any help would be hot.
Here's the link to the site: flatland.mattmcelwee.com. Shrink your browser or use Chrome's mobile emulator to look at it.
Check you div side-menu z-index, its -2 make it 0 or take it off!
I'm trying to develop an horizontal scrolling for a landing page. I'm trying information that I found here. But I want to make something similar, but not exactly that...
In that Web page, we have two elements:
We can see we have a menu, and an horizontal list of boxes. This list works as expected: if you press on a link on the menu, it jumps to the correct box. If you go to a mobile browser, it scrolls right and left using your hand.
But, when you scroll right with the mobile browser, the menu on the top, stays at the left of the layer, disapearing from the visible part of the Web. If you do so with a computer browser, the menu stays always at top left.
I want the menu to always stay at top, even if I'm using a mobile browser, so I can scroll, let's say, some images, without hiding left the content of my Web Page.
How can I do so?
I hope I explained myself correctly.
If you also think there's an easier way to make a scroll horizontal, I'm open to suggestions.
PS: I want a kind of result like this:
Mobile browsers have issues with fixed positioning - see this article which also provides a list of JavaScript Solutions.