If someone can help me with this I will be eternally grateful. Recently I have started an on-line magazine using virb.com to host the site. I have done some basic css alterations to their theme but run into a problem when the theme automatically re-sizes itself for mobiles or even if the browser window is shrunken down. The content goes all whack, probably because of my css alterations. Is there a way that I can disable the responsive theme from resizing or fix my css so it doesn't discombobulate or even just have different page display for mobile users that says something like 'not available for mobile'??
Thanks,
Patrick
Related
I have a question.
I have a personal Joomla 3.10.11 site, PHP version 8which has a strange phenomenon when showing up in responsive mode (see picture). The hamburger menu drops down in green, and then dissapears again.
a picture of what happens
If I go to pagespeed, https://pagespeed.web.dev/report?url=https%3A%2F%2Fmarliesschijven.nl%2F I see this.
Now I am not a developer, but can work via ftp in my site on my .css and other files. How do I solve this?
Can't seem to figure this one out
Just discovered this code and implementation of lightbox2 and added the needed code to some of my webpages.
Looks very good o desktop and also on tablet but I don't like the lightbox in mobile view.
The pictures that are shown on mobile are smaller than the 'normal' responsive view that I get when not using lightbox2.
So my question is in the title: How can I disable the lightbox on mobile?
Regards Arno
Unfortunately this is not possible at this time. The Lightbox script on load will attach event handlers to the target images.
To get around this, you can use different markup on mobile and show hide the content with CSS media queries.
I want to make my theme so it will fit all browsers and mobile devices and be fully responsive, how can i do this im using forum software MyBB my forum link is: http://deepblood.com/
Help me please i need this so i can official launch my site.
If anybody would assist me with this issue i would be most grateful :)
Forum: http://deepblood.com/
Software: MyBB
How can i make the theme responsive for all browsers and devices?
Let me go from simple to complex.
Use free responsive mybb theme.
MyResponisve
Use paid responsive mybb themes
Aadya Responsive Mybb Professional Theme
MyBBPro
Customizing a non-responsive theme. (most probably, you are interested in this).
Use Chrome Inspect Elements or Firefox Firebug to see the width of div elements and change their fixed value in pixels to percent denoted by % on css. I recommend you to create a custom css file to put on the template. eg.
#media (max-width: 768px) {
.warpper {
width: 100%;
}
}
The above css code only targets browser/device width of 768px and below. To read more, follow this article.
You can also use Responsive Mobile Menu. Then you have to check and make each page responsive until you find no component that is not responsive.
I've got a problem with aggregating my css in Drupal 7. I work on Adaptive theme and I'm using responsive stylesheets on my website.
When I check "Aggregate CCS" in drupal administration, my website appears as desktop styles.
Is anybody has a issue ?
Thank you
As far as I can remember, in this particular template you should save the template settings after css changes has been done.
Ok. Starting over with this. I see that the SocialBoo theme has something similar in what I want to achieve. If I find that I can work and improve. I Added a new socialboo theme and created blank GUI. Assumed it would be a Commandbehavior but that didnt do the trick, so did adding tabs. Seems like those components are not for that specific bar... However did notice another issue.
How do I get the social actionbar as displayed in the socialboo theme? (Screen shot). Assuming those images etc are part of the default theme, right.
Also, If I create a TouchCommand = bar, title or native. It displays fine in Gingerbread but not ICS. DO you know why is that? (screen shot)
Thanks, in advance.
Those images aren't a part of the theme, they are a part of the specific demo. If you add a Tabs component to the center of the border layout UI you will get thee tabs where the "icon" property will allow you to customize the unselected icon and you can customize the selected icon as well. You can see the full source/resource file of the social boo demo in the docs and demos zip in the download section.
Generally customizing commands is a bit complex because of platform specific constraints, when running on an Actual Android 4 device we use the native ActionBar by default to provide the experience Android users are used to. This is hard for us to simulate so you will only see this properly in the device build. I suggest not relying on commands, it seems that what you are trying to achieve is easily doable with tabs and its possible that's why you had difficulties in your other question.