CCTV Theme Header Issue

[Mark Champion]

Hi All,

I’m in the process of setting up a website for someone using the CCTV theme.

Nearly all done but I’m having issues with the top phone logo and spacing.

On a PC / laptop it appears fine with the Call us Now and phone number inline and under each other.

When viewed on a tablet or phone the number becomes bigger and drops below the actual phone icon.

Is there a way to get it looking the same so it’s all inline.

Website is www.rivieradigital.co.uk

Thanks
Mark

[Forum Moderator]

Hi,

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

@media screen and (max-width:479px) {
.header-extras .skt-header-button span { font-size:18px;}
}

Regards,
Chris

[Mark Champion]

Perfect that worked thank you for that.

Last question.

As you can see on the services page there is bullet points, all appear fine on a desktop/laptop but on a mobile you can see where it says Communal TV systems planning, installation, repairs and upgrades the end of this sentence drops down as expected but it isn’t inline with the text above.

I’m guessing there is some code that needs changing but I’m not sure.

Thanks in advance.
Mark

[Forum Moderator]

Hi,

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

@media screen and (max-width:767px) {
.elementor-section.elementor-top-section.elementor-element.elementor-element-4254ded.elementor-hidden-desktop.elementor-section-boxed.elementor-section-height-default .elementor-col-50:nth-child(1){
    width: 20% !important;}
.elementor-section.elementor-top-section.elementor-element.elementor-element-4254ded.elementor-hidden-desktop.elementor-section-boxed.elementor-section-height-default .elementor-col-50:nth-child(2){
    width: 80% !important;}
}

Regards,
Chris

[Mark Champion]

Hi Chris,

Thanks for that but didn’t seem to make a difference.

Screenshot below as you can see where it says upgrades at the bottom I want this to be in line with communal above it and not under the bullet point. This is using the

code.



Thanks again
Mark

[Forum Moderator]

Hi,

Kindly use this CSS:

.elementor-section.elementor-top-section.elementor-element.elementor-element-425f0fa.elementor-hidden-desktop.elementor-section-boxed.elementor-section-height-default li {
    list-style: disc inside;
}

Regards,
Chris

[Mark Champion]

I’m afraid that didn’t work either.

Nothing changed.

The upgrades bit still under the bullet point.

[Forum Moderator]

Hi,

Kindly use this one:

.single_post li {
    list-style: disc inside !important;
}

Regards,
Chris

[Author]

Posts