- This topic has 8 replies, 2 voices, and was last updated 5 years, 11 months ago by
.
-
Posts
-
Hello Again,
I am using the side menu and I am facing a few issue I am gonna develop in different topics.
On my homepage, I am making the side menu transparent to be different of the rest of the website. I like it.
But as I am scrolling down, and issue appears. It seems that the menu is wider than the side block itself.
I am not sure if it is clear, but I uploaded a few photos to illustrate.
- Photo #1: Under the rev slider, my bock are "push" to the side to make space for the side-menu. This space isn't the same size as the menu, so some parts of my item are hidden under the menu. As I am using a transparent bg for the homepage, it also look real weird.
- Photo #2: Another example
- Photo #3: Here it is getting weird. I have 2 blocks, one yolo video player and another block block bellow. The player is under the menu as usual but the block bellow follow the menu line but have some content hidden under.
- Photo #4: The footer block seems to have a white background color.
Could manage to adjust this side menu problem? I would be fine reducing the size of the side menu to fit this left space.
Could we setup the footer left part to my bg color?
Hi again.
On the home page, you are using revolution slider full width, it will display full the content on your site. It will display under the sidebar menu.
But for another section, it can't display full content under the sidebar menu. That is why you see the background color for the sidebar when you scrolling down.
Please consider to set transparent for sidebar menu.
Thanks.
Hello, Thanks for your answer.
I have managed to fix the style I wanted.
Only one thing I need you to help me with.
In the photo 4 from my previous post, You can see the left background of the footer is set to White. Could you manage to have it #151515 like the rest of the website?
Yes. I have checked and added the custom CSS to help you fix that issue.
Please check it again.
Thanks.
Actually not resolved.
Your CSS is working but it get in conflict with the XS and SM size.
The 300px padding left keep the footer center on desktop but push the footer aside on smaller screen.
See attached
.header-sidebar footer {
padding-left: 300px !important;
margin-left: 0 !important;
background-color: #151515;
}
Hi again.
Yes, I see the issue from another CSS.
Now it works fine. Please check it again.
Thanks.
You must be logged in and have valid license to reply to this topic.
