[ericsarts]

Is there any way to adjust the sidebars of my catch flames theme to appear in a masonry layout when in a mobile viewport (iPad specifically). I cannot seem to do this using CSS. the URL of my site is /* http://www.deltastreetinn.com */. I tried using the solution for mobile footers listed in the forums to no effect, but that wouldn’t have worked anyway because the left and right sidebars are not footer-based content. However, as you can see in the layout, the sidebars in mobile layout (vertical on iPad) force the sidebars beneath the main page content. This is fine, but you can see how there are large gaps in the layout and a masonry style would eliminate that extra spacing, I just have no idea how to go about changing the existing theme to achieve that.

Also, I am having a very difficult time getting the divs within my sidebar to align exactly centered in any layout other than a standard web browser using a laptop or desktop. When I view the contents of my sidebars in mobile layouts, the contents shift.

Thank you in advance for your help!

best regards,
Eric

[Pratik]

@ericsarts,
Is there any way to adjust the sidebars of my catch flames theme to appear in a masonry layout when in a mobile viewport (iPad specifically)?
I am afraid this is not possible via this support thread as this falls under custom work. The developer will need to sort out CSS on the required screen+there needs to be extensive check so that it does not effect other mobile views. You can go to link to request a customizer.

Also, I am having a very difficult time getting the divs within my sidebar to align exactly centered in any layout other than a standard web browser using a laptop or desktop. When I view the contents of my sidebars in mobile layouts, the contents shift.
Are you talking about the widgets in sidebar like of trip advisor,
How did you add that content, did you use any plugins?

[Author]

Posts