One of my wordpress site wont scrolling on Chrome (Windows). Im a newbie, and cant tell you much, but this is happens when I update the theme version. The theme author is so futile and does not help me.
This is the site.
Thanks in advance and again - sorry for а limited information.
#body-maha {
overflow-x: hidden;
background: #212121;
}
Change it to:
#body-maha {
overflow-x: auto;
background: #212121;
}
Or remove it completely
Related
I have made the sidebar sticky by using fixed sidebar plugin but the sidebar disappear when scroll back to top I have tried many other plugin but they're not working. This
https://willowdaleequity.com/blog/acquire-69-unit-georgia-apartment-complex-press-release/
is the url of the website on which I'm facing the issue.
Please help me with this problem. I'm using Hub theme by Liquid Themes on my website.
I've also tried following custom css code instead of any plugin but it's also not working.
position: sticky; top:100px; bottom: 100px;
Your plugin is addding position relative when scrolling to top, is there any option in your plugin to change position if on top
add this css and it will show
figure.wp-block-image.size-full.is-style-default.my-sidebar.FixedWidget__fixed_widget {
position: initial !important;
}
Just apply below CSS and you issue will be solved.
CSS Code:
figure.wp-block-image.size-full.is-style-default.my-sidebar.FixedWidget__fixed_widget:not([style*="position: fixed"]) {
position: initial !important;
}
If you still find issue please let me know
Thanks
I'm using Dokan plugin for my website. My problem is need to remove extra space between heading & banner (Check screenshot 1). And I find a solution using web inspect tool. If i change the padding-bottom to 0px its working fine.(check screenshot 2). so I try to find that CSS class in my website backend, i found a same CSS class regarding my issue but if I change it not working in my website.
The CSS class in martfury/style.css
.page-header-page .entry-title {
padding-top:0px;
padding-bottom:0px;
font-size: 48px;
font-weight: 600;
text-align: center;
margin-bottom: 0;
}
I search every CSS file but nothing found also try to clear data. Nothing help me. If any one know how to solve this please help me.
I'm really thankful for your time.
Just try with !important like given below
padding-bottom:0px !important;
I think you CSS not able to overwrite so !important will be work there.
I work for 2 sister companies and we have copied the template of one website to another for most of the functionality.
For some reason, I cannot get the pagination to work as it does on the one website. We are using a custom theme so I can't seem to get any plugins to work.
The pagination works well here: https://clcanursing.co.uk/news/ and I want to be able to replicate how it looks and how it reacts to tablet and mobile devices. I am trying to copy it onto this page: http://clcacalldirect.com/blog/ but it fails here.
Any help would be appreciated!!
Thanks,
Andy
It seems like your issue is CSS related. You're missing some styles (like the one below). Make sure you're copying over all styles.
Use dev tools to see the differences between the two slices of code.
EDIT:
The below code gives you the exact style and functionality on tablet/mobile
#media (max-width: 1200px) {
.pagination .default--button {
border-radius: 0;
width: 49% !important;
text-align: center;
margin-top: 70px;
}
}
I am facing issues while modifying the layout of my current website. Actually i dont need the box and shadow.
I tried the following code but still it does not solve my purpose.
box-shadow: none !important;
For your reference :
My wordpress theme : POINT
My website link : http://selfarena.com/
Thanks in Advance.
.main-container {
box-shadow: none !important;
}
add this in your css. it should work.
I am adjusting a Wordpress site using twenty fourteen theme.
I have removed the left sidebar - i did this by simply commenting out the php code.
Whilst the sidebar div is now removed, when i try to remove the margin-left that moves all the the other content 222px it hides the content.
Here is the website
http://pacificwhiteboards.com.au/product/communicate-corporate-magnetic-whiteboards/
Any ideas ? I am at a bit of a loss.
Thankyou
James.
Look for the .site:before CSS selectors; it's injecting content, and that's what's covering your stuff. When I removed all the '.site:before' rules, it seemed to work fine, though I don't know the theme itself well enough to say that there won't be other tweaks you'll need to make.
Add the custom css to remove the whitespace:
.site:before {
display: none;
}
Then you can center your site content adding:
.full-width .site-content {
margin:0px auto;
}
.full-width .site-content .has-post-thumbnail .entry-header {
margin:0px auto;
}
.singular.full-width .site-content .has-post-thumbnail.hentry {
margin:0px auto;
}
Also, I know you didn't ask about it, but I noticed some whitespace on your fixed header, you can get rid of it with a little more css:
.masthead-fixed .site-header {
max-width: 1000px;
}
Cheers!