Home › Forums › All Other Themes › Hide elements in logo bar on mobile
- This topic has 3 replies, 2 voices, and was last updated 2 years, 7 months ago by
Sonnal S Sinha.
-
AuthorPosts
-
April 29, 2021 at 4:54 am #178134
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!
April 29, 2021 at 11:14 am #178143Hi,
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,
DaveApril 29, 2021 at 2:44 pm #178152That worked perfectly, thank you!
April 30, 2021 at 11:13 am #178187Hi,
If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org
Regards,
Dave -
AuthorPosts
- You must be logged in to reply to this topic.