Hello, I am having a random problem where I have like 5-10 pixels of extra space on the right side of my web page all of the sudden. This exists on all pages, and on one of them the space is much larger, I'd say around 100-200 pixels. I did a universal selector in the custom css section where I changed overflow to hidden and it fixed it (obviously just to see if overflow was the problem, because it screwed the entire layout up), so I am wondering why there is overflow on the full width background and/or content rows that isn't hidden and is showing a scroll bar
You can see the problem in action here:
A scroll bar appears at the bottom of the page:
as you can see it's much worse here, and there is even a little part where the padding is different on the right side:
and the scroll bar on this page:
Bonus question,
I have the particle html 5 header activated. It cycles through 2 different particles. I disabled the footer reveal, but am still getting a 5-10 pixel area at the bottom underneath the footer that shows the particle page. You can tell the particle page is showing through because the 2nd particle effect has a teal background. You can see an example here:
Could you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi metus eros, sagittis in tempor at, condimentum pellentesque urna. Aliquam erat volutpat. Suspendisse rhoncus fringilla urna, sed convallis sapien faucibus non. Curabitur blandit venenatis nunc, et volutpat odio blandit vel. Nullam eu feugiat felis, vel tristique sapien. Duis interdum interdum tortor ac fermentum. Nam ipsum elit, dictum lobortis elit vitae, hendrerit. Nullam eu feugiat felis, vel tristique sapien. Duis interdum interdum tortor ac fermentum. Nam ipsum elit, dictum lobortis elit vitae, hendrerit.
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Yeah I cleared my google chrome cache / history all the way to the beginning of time, cleared my WP cache and I'm still seeing the problem. I also turned off responsive mode on mobile, and when I look at my site on mobile i can scroll to the left and see the little 5 px area of extra space still
Also, the home page is still displaying the particle page on the very bottom beneath the header... I am so confused, I took out all css, cleared the cache, cleared my browser cache, deleted ALL plugins, and I'm still seeing this extra space. You have to scroll all the way to the bottom of the page for the sideways scroll bar to appear, but I've tried Safari, Chrome, and Firefox on 3 different devices and the space is STILL THERE on all 3. When I deactivate salient visual composer it goes away, but wrecks the entire site
Hello, I am having a random problem where I have like 5-10 pixels of extra space on the right side of my web page all of the sudden. This exists on all pages, and on one of them the space is much larger, I'd say around 100-200 pixels. I did a universal selector in the custom css section where I changed overflow to hidden and it fixed it (obviously just to see if overflow was the problem, because it screwed the entire layout up), so I am wondering why there is overflow on the full width background and/or content rows that isn't hidden and is showing a scroll bar
You can see the problem in action here:
A scroll bar appears at the bottom of the page:
as you can see it's much worse here, and there is even a little part where the padding is different on the right side:
and the scroll bar on this page:
Bonus question,
I have the particle html 5 header activated. It cycles through 2 different particles. I disabled the footer reveal, but am still getting a 5-10 pixel area at the bottom underneath the footer that shows the particle page. You can tell the particle page is showing through because the 2nd particle effect has a teal background. You can see an example here:
Hey Again,
LayerSlider is likely causing this :
ThemeNectar Support Team
The problem is being caused by salient visual composer, which is REALLY confusing. Any thoughts?
I deleted all of my custom CSS to see if I accidentally added some type of weird padding but that didn't change a thing.
here is the visual editor text on the imbryo page with the extra padding:
[vc_row type="full_width_background" full_screen_row_position="middle" bg_color="#ffffff" scene_position="center" text_color="dark" text_align="center" top_padding="6%" overlay_strength="0.3"][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/1" tablet_text_alignment="default" phone_text_alignment="default"][image_with_animation image_url="6235" alignment="center" animation="None" box_shadow="none" max_width="100%"][vc_column_text]
IMBRYO
[/vc_column_text][vc_column_text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi metus eros, sagittis in tempor at, condimentum pellentesque urna. Aliquam erat volutpat. Suspendisse rhoncus fringilla urna, sed convallis sapien faucibus non. Curabitur blandit venenatis nunc, et volutpat odio blandit vel. Nullam eu feugiat felis, vel tristique sapien. Duis interdum interdum tortor ac fermentum. Nam ipsum elit, dictum lobortis elit vitae, hendrerit. Nullam eu feugiat felis, vel tristique sapien. Duis interdum interdum tortor ac fermentum. Nam ipsum elit, dictum lobortis elit vitae, hendrerit.
[/vc_column_text][/vc_column][/vc_row][vc_row type="full_width_background" full_screen_row_position="middle" bg_color="#ffffff" scene_position="center" text_color="dark" text_align="left" overlay_strength="0.3"][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/2" tablet_text_alignment="default" phone_text_alignment="default"][vc_column_text]
Web Design, Brand Identity
[/vc_column_text][/vc_column][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/2" tablet_text_alignment="default" phone_text_alignment="default"][vc_column_text]
imbryo.com
[/vc_column_text][/vc_column][/vc_row][vc_row type="full_width_content" full_screen_row_position="middle" bg_color="#ffffff" scene_position="center" text_color="dark" text_align="left" overlay_strength="0.3"][vc_column column_padding="padding-4-percent" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/1" tablet_text_alignment="default" phone_text_alignment="default"][image_with_animation image_url="6240" alignment="center" animation="Fade In From Bottom" box_shadow="none" max_width="100%"][/vc_column][/vc_row][vc_row type="full_width_content" full_screen_row_position="middle" equal_height="yes" content_placement="middle" vertically_center_columns="true" bg_color="#ffffff" scene_position="center" text_color="dark" text_align="center" bottom_padding="6%" overlay_strength="0.3"][vc_column column_padding="padding-6-percent" column_padding_position="left" background_color_opacity="1" background_hover_color_opacity="1" width="1/2" tablet_text_alignment="default" phone_text_alignment="default"][vc_column_text]
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
[/vc_column_text][/vc_column][vc_column column_padding="padding-6-percent" column_padding_position="left" background_color_opacity="1" background_hover_color_opacity="1" width="1/2" tablet_text_alignment="default" phone_text_alignment="default"][image_with_animation image_url="6280" alignment="right" animation="Fade In From Right" box_shadow="none" max_width="100%"][/vc_column][/vc_row][vc_row type="full_width_background" full_screen_row_position="middle" bg_image="6324" bg_position="center center" bg_repeat="no-repeat" parallax_bg="true" parallax_bg_speed="slow" scene_position="center" text_color="light" text_align="center" overlay_strength="0.3"][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/1" tablet_text_alignment="default" phone_text_alignment="default"][divider line_type="No Line" custom_height="800"][/vc_column][/vc_row][vc_row type="full_width_content" full_screen_row_position="middle" equal_height="yes" content_placement="middle" bg_color="#ffffff" scene_position="center" text_color="dark" text_align="left" top_padding="6%" bottom_padding="6%" overlay_strength="0.3"][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/2" tablet_text_alignment="default" phone_text_alignment="default"][rev_slider_vc alias="imbryo"][/vc_column][vc_column column_padding="padding-5-percent" column_padding_position="left-right" background_color_opacity="1" background_hover_color_opacity="1" width="1/2" tablet_text_alignment="default" phone_text_alignment="default"][vc_column_text]
I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
[/vc_column_text][/vc_column][/vc_row][vc_row type="full_width_content" full_screen_row_position="middle" vertically_center_columns="true" bg_color="#212121" scene_position="center" text_color="light" text_align="center" overlay_strength="0.3"][vc_column column_padding="no-extra-padding" column_padding_position="all" background_color_opacity="1" background_hover_color_opacity="1" width="1/1" tablet_text_alignment="default" phone_text_alignment="default"][carousel script="carouFredSel" autorotate="true" easing="easeOutQuint"][item id="1485226242-1-79" tab_id="1485228032144-6" title="Item"][image_with_animation image_url="6310" alignment="center" animation="None" box_shadow="none" max_width="100%" img_link="http://www.lancewalkerdesign.com/imbryo/"][/item][item id="1485226242-3-38" tab_id="1485228032197-7" title="Item"][image_with_animation image_url="6308" alignment="center" animation="None" box_shadow="none" max_width="100%"][/item][item title="Item" id="1485228885558-0-6" tab_id="1485228885561-6"][image_with_animation image_url="6296" alignment="center" animation="None" box_shadow="none" max_width="100%"][/item][item title="Item" id="1485228887126-0-8" tab_id="1485228887128-0"][image_with_animation image_url="6307" alignment="center" animation="None" img_link_target="_blank" box_shadow="none" max_width="100%" img_link="https://www.behance.net/Lancewalker"][/item][/carousel][/vc_column][/vc_row]
Hey Again,
I cant see any of the issues in the screenshot in Chrome WIn7 and Safari 8 Yosemite .
Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ where applicable and test.
Best.
ThemeNectar Support Team
Yeah I cleared my google chrome cache / history all the way to the beginning of time, cleared my WP cache and I'm still seeing the problem. I also turned off responsive mode on mobile, and when I look at my site on mobile i can scroll to the left and see the little 5 px area of extra space still
Also, the home page is still displaying the particle page on the very bottom beneath the header... I am so confused, I took out all css, cleared the cache, cleared my browser cache, deleted ALL plugins, and I'm still seeing this extra space. You have to scroll all the way to the bottom of the page for the sideways scroll bar to appear, but I've tried Safari, Chrome, and Firefox on 3 different devices and the space is STILL THERE on all 3. When I deactivate salient visual composer it goes away, but wrecks the entire site
Hey Again,
Please turn on this option and that should fix it :
ThemeNectar Support Team