Show Sidebar On Mobile Theme

[baseballfanatic2]

Hello,

I am using Genesis theme and would like to know how to show the sidebar on genesis theme when viewing on mobile? Right now, the genesis theme shows the sidebar after content, pushing all my ads below the content, resulting in lower CTR. Please help me.

Thank you,
Chris

http://www.leopardgeckotalk.com/

[Christoph]

Hi Chris,

this should give you some pointers:

http://cre8tivediva.com/add-mobile-friendly-ads-on-smaller-devices-using-genesis/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Gandt]

baseballfanatic2

To simply show the sidebar, you need to go to your css where the mediaquery is changing the styles for .content and .sidebar.

In essence, since both already have float left, you need to change their pixel values to percentages, for example:

.content {
float:left;
width:50%;
}

.sidebar {
float:left;
width:50%;
}

That would thus put both side by side on a 50% + 50% basis. Modify the values to achieve the desired effect. The problem, simply put, is that there just isn't enough space on small mobile phones to fit in your form unless you make it very small (reducing font-sizes and widths of input elements), which makes it harder to read.

Give the above a try and let me how it went.

Regards
G

[Author]

Posts