Strong theme – need help with a few things

[Huey]

Hello,

I have a few things I need help with.

First: How can I get the number to be vertical centered with the phone icon in the header?

Second: How can I change the sub menu background? I tried changing the color in the header section but the sub-menu background did not change.

Last: When my website is in mobile form, the footer gets cut off on the left side. Can this be fixed?

If you need the website link, can I send it through a message or email instead?

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Brad

[Huey]

Sure. This is the URL. http://test.bdsnow.com/

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.phonenumber { margin-top:10px;}
.phonenumber i { top:10px;}
#topmenu ul li ul { background:#ccc !important;}

@media screen and (max-width:767px) {
#footer .rowfooter { margin:20px 0 !important;}
}

Regards,
Brad

[Huey]

Thank you, Brad!

That worked perfectly!

One more thing. I just noticed the phone icon in the header is cut off at the bottom in mobile. Is there something I can do to fix that?

[Huey]

I’m also having trouble with one of my pages. The 3 columns at the bottom are disproportionate.

http://test.bdsnow.com/it-services/

Thank you!

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

.phonenumber { padding-bottom:20px;}
.su-row { margin:0 -10px 1.5em;}
.su-column-size-1-3 { width:33.333%; padding:0 10px;}

Regards,
Brad

[Huey]

Thanks Brad!

That worked for the phone number.

For the 3 columns, it worked but still looks like the middle column is off center: http://test.bdsnow.com/it-services/

The code you gave me also made the column of another page get cut off: http://test.bdsnow.com/it-services/managed-it-services-kansas-city/

Thank you!

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

.su-column-size-1-3 { width:33.333% !important;}
.su-column-size-1-2 { padding:0 10px;}

Regards,
Brad

[Huey]

Thank you!

That worked on desktop by now the 3 column is cut off on the sides in mobile.
http://test.bdsnow.com/it-services/

[Huey]

Hello,

Just wanted to check if this is something that can be fixed. If not, I’ll have to look into making it look right a different way.

[Sonl Sinha]

Hi,

Kindly use this css code there:

.su-column-size-1-3 { padding:0 10px !important;}

Regards,
Brad

[Huey]

Worked perfectly! Thanks!

[Sonl Sinha]

🙂

[Huey]

Hello! I thought all problems solved but now there is new problem!

After doing the custom css changes suggested, columns on pages work fine. But now the columns I have on front page is not aligned.

http://test.bdsnow.com/

It is 2nd section with picture. The wording and picture used to be on same line. Now it is off

[Author]

Posts