Modern Blogger Pro Customization of Genesis eNews Extended Widget in header

[[email protected]]

Hi! I'd appreciate some help with this.

I would like to center the signup form for mobile devices. Can you please tell me where to find the code that has the padding on the right? I've played around with it and haven't found the correct settings to get the subscribe box to either be centered or full length on a mobile device. Thank you!!

http://thesophisticatedlife.com/test/

[Susan]

Kate:

It appears that you have modified the stylesheet - the demo's eNews Extended subscribe box will automatically center on a mobile device.

In any case, the area to customize it is here:

.site-header .enews-widget {
background: #fff;
float: right;
margin: 10px 0 0 0;
margin: 1rem 0 0 0;
padding: 0 10px 10px 10px;
padding: 0 1rem 1rem 1rem;
width: 70%;
}

[[email protected]]

Hi. Thanks. I removed padding but it's still not centering on a mobile device. I did restore the code to the default and that didn't center the buttons either.

I was able to get the search bar to open at 100% but I can't figure out how to get it either centered or have it 100% like the search bar.

Thanks again for any help you can provide.

[[email protected]]

I finally found where the issue was. This was set at 80%.
.site-header .enews-widget {
float: none;
padding: 0;
width: 100%;
}

[Author]

Posts