Docs

[Emmagray]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! 1) You can add this under Custom > CSS in the Customizer.

.x-colophon.top .x-container .x-1-4 {width: 17.5%;}
.x-colophon.top .x-container .x-1-4.last {width: 35%;}

2) Add this custom css as well, feel free to adjust the value where you see it fits.

.x-colophon.top .sub-menu li a {
padding-top: 3px;
padding-bottom: 3px;
}

3) Unfortunately, the form is inside an iFrame which we cannot control with CSS. Good thing we can style the iFrame itself, lets push it above with an negative margin.

@media (min-width:  767px) {
	.x-colophon.top .x-container .x-1-4.last iframe  {margin-top: -38px;}
}

4) We already achieve this when we increase the width of the last column (refer to #1)

5) Same as #4

Hope it helps, Cheers!

[Emmagray]

I cannot express how much I appreciate this support team. I recently switched from a previous theme and the experience is night and day! Y’all are really top notch!

[Paul R]

Thank you for your kind words. Have a nice day! 🙂

[Emmagray]

Hello, me again. For #2, no matter what value I put in there the spacing isn’t changing. Thoughts?

[Zeshan]

Hi there,

Please use this CSS code instead for #2:

.x-colophon.top ul li a {
    padding-top: 3px;
    padding-bottom: 3px;
}

Hope this helps. 🙂

Thank you.

[Emmagray]

Beautiful! Thank you!

[Alexander]

You’re most welcome! Take care!

[Emmagray]

Hi there,

The menus look beautiful except for on my iphone. They are very squished to the left now. They are fine on a tablet. Is there any way to center all the widgets and the menu titles when looking on a mobile device? Also, I made some adjustments in custom CSS to not show the social icons on top on a mobile phone because they were wrapping. Now the top bar text looks kind of funny on a mobile phone. Can it be centered for a mobile phone?

Thanks so much!

[Christopher]

Hi there,

Find following codes :

footer.x-colophon.top .x-container.max.width {
    width: 100%;
}

.x-colophon.top .x-container .x-1-4 {
    width: 17.5%;
}
.x-colophon.top .x-container .x-1-4.last {
    width: 35%;
}

And update them to :

@media (min-width:767px){
footer.x-colophon.top .x-container.max.width {
    width: 100%;
}
.x-colophon.top .x-container .x-1-4 {
    width: 17.5%;
}
.x-colophon.top .x-container .x-1-4.last {
    width: 35%;
}
}

Add this too :

@media (max-width:767px){
.x-topbar ul li {
    float: none;
}
}

Hope it helps.

[Emmagray]

Thank you. Do I just put this in my custom CSS? or am I changing it somewhere else?

[Christopher]

Hi there,

Where did you add them previously ?

They should be in customizer or child theme’s style.css file. Please find theme and update them.

Thanks.

[Emmagray]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for updating the thread!

Upon checking your site, we are seeing the mail chimp form in your footer.

We’d recommend that you clear your caching plugin, and disable it during development. This can cause Customizer changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

We’d love to know if this helped you.

[Emmagray]

I just looked at my plug ins and I don’t have a caching plugin that I can see.

[Author]

Posts