Hide elements in logo bar on mobile

[Rebecca Sagall]

I am using the Ele Spa theme and I want to hide the “Logo Left Column Text” section and “Logo Right Column Text” section when my website is accessed on mobile.

I believe I need special code (an @media screen?) so these elements will be hidden on small screened devices but I don’t know what exactly this code is and where it goes.

My website is https://www.beccasmassage.com

In the linked image below, the elements with the red X’s are what I want to hide when using a mobile device but be visable when using a desktop.

https://imgur.com/AmFgt0O

Alternatively, if there is a way to hide the entire logo bar when in mobile, that could work. Thank you for your help!

[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_column3 .left, .header_column3 .right {
    display: none !important;
}
}

Regards,
Dave

[Rebecca Sagall]

That worked perfectly, thank you!

[Forum Moderator]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Dave

[Author]

Posts