Problem with the responsive on tablets

[bemibel4]

I have a problem with my web page on tablets. The responsive is not working fine. My webpage is desdelaraiz.com and I'm using Genesis Framework with Lifestyle Pro child theme.

I attach two pictures that shows the problems I'm having:

In this picture the tablet is on vertical position. You can see the the widgets of the sidebar are not fitting well. Also the width of the main text is also not fitting well.

In this picture the tablet is on horizontal position. You can see there is no margin on the sides. I would like to add a little bit of margin.

The tablet I used is Ipad mini. I hope you can help me to fix these problems. Thank you.

http://desdelaraiz.com

[Ginger]

Hi there,

I took a look at your styles.css compared to the original Lifestyle Pro theme version and there have been many changes that are causing it to not display properly. Specifically increasing widths for sections like the content area and sidebar are going to make the sidebar not fit. Also the padding has been removed for both the .content .entry and .sidebar .widget sections. This makes everything go to the edge of the screen and is not visually appealing. You can correct that by adding padding: 32px back on both of those sections.

There's a website called Diffchecker.com that can show you the different between two files. This links shows your file and the one that came with the theme. I recommend going through and looking at what was changed to fix the width issues.

https://www.diffchecker.com/stgt8pmy

---

@gscoolidge | Support Nerd | Website Producer/Tweaker | IDX Integrations | Hosting Options

[Author]

Posts