Hello!
I have a site where my client requires two different Instagram feed views that are shown on two pages. To achieve this, I have created one of the views by placing the widget in the footer and the other by placing the widget in the sidebar and moving the sidebar to the bottom of the page. (To move the sidebar to the bottom, I have used the code provided here: https://kriesi.at/documentation/enfold/sidebar/#toggle-id-2)
Now, the problem is that the feed which is in the sidebar is not aligned properly but sits slightly to the right from the middle line. If I correct this by adding some padding, that will affect the mobile view so that the whole content of the page moves to the right. How do I align the IG feed properly?
A second query is, how can I change the size of the IG feed? It would look much better if I could make it somewhat smaller.
I have provided the necessary links in the private content of this message.
Thanks in advance!
Hey Katja,
1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
.page-id-20 .inner_sidebar {
margin-left: 0;
}
You could also try using Widget Area element to display your widget in your page instead of displaying sidebar at the bottom :)
2- Please edit your widget and choose to display more columns than 2 and size will adapt automatically :)
Best regards,
Yigit
Thank you so much, Yigit!
The code worked like a wonder!
Best regards,
Katja
Hi Katja,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit