How to make a WordPress theme (site) scroll horizontal. Here is one of the example I want my site to look like http://www.lucky8solutions.com/about/about-lucky-8-solution/
Thanks in advance
It's not as simple as changing one simple setting, you'll have to rework the whole theme.
This will get you started:
overflow-y:hidden; //hides vertical scrollbar
overflow-x:scroll; //always shows horizontal scrollbar
Related
I use performag theme from ThriveTheme and I have problem with the menu for cellphone.
It's a very big menu with a lot of sub-menus. ( It's not mine and I can't change it)
Performag theme use "#media only screen and (max-width: 768px)". But this theme open all sub-menu when you click on the hamburger menu, so if you want the last link in my menu, you have to scroll a lot.
So I changed the file css. Now it's "ok" but I have a trouble when I scroll. I can't scroll until the end.
http://dev.test.babylonradio.com/ You can look on my website with the inspector.
Thank you in advance.
Seems like this is an css issue. Try to use media query for mobile views.
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
I am using a WordPress theme.
only my main menu gets too long without a scrollbar. After several trying to figuring it out still no solution. see screenshot: http://prntscr.com/in1o7s
I hope you guys can help me!
Thanks in advance
If you want to force scroll of an element, add "overflow-y: scroll" css directive. Example:
.scroll-menu {
overflow-y: scroll
}
I am new to WP don't know how does the theme customization work. I've chosen receptar theme (link)
I want to make the article items on the main page bigger by default, as I would do with Ctrl +. How Can I do it?
I want to change it from this :
to this:
Word of caution: always try to fix things yourself and let us know what you've tried before asking on SO. Everyone here is happy to help once you hit a roadblock.
Now, to fix the issue you need to modify the Width of the element. I changed it from 50% to 100%. When it is 50% it allows two items to be next to each other, so if it is 100% every item will take all the space it can, getting to what you're looking for.
You can copy and paste this code into your theme CSS styler:
.posts .hentry {
width: 100%;
}
Usually, all themes come with this, or if your version of Wordpress is 4.7+ you can do this through the customizer.
That should do the trick.
You can easily do this with CSS,
please go to your theme main style.css and add this CSS
.post {
width: 100% !important;
}
I have 2 pages for my site. One a forum, another is my homepage. I have the homepage all setup, but the forum will require a bit of modification to the nav bar. I have the nav bar from the homepage mirrored to the forum so that the styles match nicely, but I made the forum wider because the forum needs more space for content and tables. I have tried numerous times to do this, to no avail.
Since the forum is not a static page, I have put the homepage on JSBin instead. They both use the same exact nav bar. This is Bootstrap 3, by the way.
Here is what I want it to look like (sorry for not embedding in post, need 10 rep): http://i.imgur.com/dlXaOZ8.png
Here is the JSBin: http://jsbin.com/fexowifica/1/
I just need to know how to make that extend out wider like seen in the image, but it won't actually be applied to the homepage nav bar, it will be applied to the forum nav bar that is seen in the image.
Thanks!
just update your css
CSS
#media screen and (min-width:768px){
.container{
width:100%;
}
The site I am maintaining has bugs in the header and widget blocks. How do I change this?
Search bar is out of alignment with nav menu.
News and Events widgets overextends if too much text is displayed.
a. The news widget is from an automatic feed.
http://cafes.calpoly.edu
One error only shows in Chrome browser. In Safari I at least don't see the News widget over extending but the search bar in the main header navigation menu appears to have a distorted div in all browsers.
I am new to Drupal but am pretty familiar with Wordpress.
Is there a module I can download to enable me to fix this? If so, what code snippet could I use to establish the proper parameters for these blocks?
1) Option one reduce li font size if client is ok with it
font-size: 0.75em;
This worked for me and you the search bar was fixed.
2) Second option is to trim the text length. There is only so much u can fit in those tight cells.
abt the news widget I don't see anything wrong.
There is no "CSS" module in Drupal. To fix the issues you've mentioned you need to make small changes in the css files. To fix the search box aligment you should reduce the font-size of the menu items.
You will need at least ftp access to the site.