[simonemillsParticipant]

http://www.childrenandscreens.com/grants/ (and all other pages where I use padding which is nearly everywhere)
Wordpress version 4.7.3
Cornerstone version 1.3.3
X version 4.6.4
Using a child theme.

For most of this site I use a page template with no container because of the background images I am using.
I use a 180PX padding left and right on the sections so the text stays clear of the background image elements. This is great for desktop but on mobile it brings the content down to one word per line. Can I turn off padding for mobile or below a certain screen size?
Much appreicated

[Paul RModerator]

Hi,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

@media (max-width: 767px) {
    .x-main .x-section {
         margin:0 auto !important;
    }
}

Hope that helps.

[simonemillsParticipant]

Perfect. Thank you. This worked as long as I use margin and not padding on the section but it solved the problem and I am grateful. Could I also ask how I can make the drop down menu color on mobile have a dark background? It is dark on the desktop version but transparent on mobile.
Many thanks.

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar .mobile .x-nav {
    background: rgba(1,1,1,0.8);
    padding: 20px;
}

Hope it helps

Joao

[simonemillsParticipant]

Perfect perfect. Many thanks.

[simonemillsParticipant]

Perfect. Much appreciated.

[RupokMember]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[Author]

Posts