-
-
In my theme, I have a widget that I have put on the homepage, however when the theme is sizing down when adjusting window size, this element goes under the main menu. Is there a way to have a border so the element cannot slide under the top nav?
See example at https://financemyproject.com/homepage-test/
The widget is on the right hand side, and when sized down goes under the top menu.
How can I fix this?
-
Hello,
Are you referring to the Lenderlist widget? Sorry but we do not support third party plugins. I suggest you make the changes you want, by using custom css. Add the custom code into your General Options > Custom Css Box.
PS: I don’t quite figure out how the border you mention, it’s supposed to stop the widget from scrolling down. (It’s the mobile default behavior to slide elements down in order to give them enough room to show properly) However, i can say that it’s not recommended. From what i see this widget is large and it needs to be so in order for the site visitors to see it and use it. The mobile screen is too narrow to keep it and the logo together and still be visible enough.
Best regards!
-
Hi Mihaila,
Thank you for your response however maybe I did not explain it well.
Yes I am referring to the Lenderlist widget, however I think the issue is in the theme not due to third party plugin which is why I am requesting help.
My concern is not on mobile but on desktop.
I would like to have my first row be transparent and over a slider hero image. However when I do this, the elements in my first row scale differently than if there is no slider.
Please see how the lenderlist widget reacts in each scenario when adjusting window size to become smaller.
example 1: lenderlist widget starts to slide under main menu.
https://financemyproject.com/homepage-test/
Exampl 2: lender list widget stays in place and does not slide under main menu
How can I have my first row scale the same way as in example 2, with it also being transparent above a slider?
-
Hello,
Please know first that this is not a theme issue. Every plugin you install has code that will be added to theme’s code and sometime they may not go well. We can not test every plugin that there is out there and adjust theme code with all of them.
The two situations you mention are composed of different elements. The first has a slider and then the content (screenshot). The second has the content and a slider as background in one of it’s rows (screenshot). The css of these layout also will be different. Hence the different behavior of the widget.
Your widget has other css classes that may fit well or not in the theme’s code. In the first situation they do not. So what i can suggest you is to fix it using custom css.Try adding this code into the test home page’s custom css box:
@media (max-width: 1400px){ .lenderlist-widget-wrapper { padding-top: 14% !important; }}Best regards!
-
Hi Mihaila,
I have played around with your css and tried a few things and have zeroed in on the issue.
On my homepage test, when i have the layer slider as “responsive”, the image becomes responsive but also make my lenderwidget adjust up and down which I do not want when adjusting window size.
When I turn off the “responsive” on my layer slider, the image is no longer responsive but also my lenderwidget scales appropriately and does not go up and down when adjusting browser size.
Please see https://financemyproject.com/homepage-test/ how lenderwidget
Is there a way to have the photo (layerslider) be responsive, without effecting how my first transparent row reacts (my lenderwidget) when adjusting window size?
Thank you,
Matt -
Hello,
Sorry but we do not support third party plugins.
I can only suggest to turn off the “responsive” on layer slider and edit the responsiveness of the image with custom css. It’s less work then editing the widget going up and down.Best regards!
-
You must be logged in to reply to this topic.