Docs

[nathanr_]

Hi,

I have checked through the forum for similar problems but no solutions offer the exact fix. Below are the points I’m trying to change:

#1 I would like to reduce the logo size and height of the header on mobile

#2 I would like to reduce the size of the font in a creative CTA on mobile

#3 I would like to remove the lines from about the footer titles

#4 In the footer I would like to align the social media icons with the social title so they are in line

#5 How can I change the color of the social media icons in the footer

#6 I do not want the social media icons in the footer or the text underlined, also I do not want the biz25 in the last part of the footer underlined either.

Thank you for taking your time to answer these questions

Nathan

[nathanr_]

This reply has been marked as private.

[Jade]

Hi Nathan,

#1 Please add this code in the customizer:

@media (max-width: 979px) {
    .x-brand img {
        width: 160px;
    }

    .x-navbar-inner {
        min-height: 75px;
    }

    .masthead-inline .x-btn-navbar {
        margin-top: 30px;
        font-size: 30px;
    }
}

#2

@media (max-width: 767px) {
    .x-creative-cta>span.text {
        font-size: 18px !important;
    }
}

#3

.widget:before {
    display: none;
}

#4 #5 #6 Please change the content of the text widget to:

<ul class="footer-social">
    <li><a href="https://www.facebook.com/randblawservices/"><i class="x-icon x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i> Facebook </a></li>
    <li><a href="https://twitter.com/ReesGralton"><i class="x-icon x-icon-twitter-square" data-x-icon="" aria-hidden="true"></i> Twitter</a></li>
</ul>

Then add this code in the customizer:

.footer-social {
    margin-left: 0 !important;
    list-style: none !important;
}

.footer-social li {
    display: inline-block;
    margin-right: 10px;
}

.footer-social li a {
    color: #fff !important;
    text-decoration: none;
}

.x-colophon.bottom .x-colophon-content a {
    text-decoration: none;
}

Hope this helps.

[nathanr_]

This reply has been marked as private.

[Friech]

Hi There,

#5 Please look for this code on your custom CSS on Customizer.

.footer-social li a {
    color: #fff !important;
    text-decoration: none;
}

And update that to this:

ul.footer-social li a {
    color: #199CD8;
    text-decoration: none;
}
ul.footer-social li a:hover {color: #0B5196;}

#1 Look for this code on your custom CSS too;

.footer-social li {
    display: inline-block;
    margin-right: 10px;
}

And update that to this:

.footer-social li {
    display: block;
    margin-right: 10px;
}

#2 Add this on your custom CSS

.x-colophon.top .x-container .x-column.x-1-3:nth-child(2) {
	text-align: center;
}

#3 Sorry but I cant replicate that issue on my end. That might be a feature of your phone’s browser?

Thanks.

[nathanr_]

Thank you great help as usual, have a good day.

[Thai]

If you need anything else please let us know.

[Author]

Posts