Hide elements in logo bar on mobile

Home Forums All Other Themes Hide elements in logo bar on mobile

Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #178134
    Rebecca SagallRebecca Sagall
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: March 24, 2021

    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.

    View post on imgur.com

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

    #178143
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27459
    • Total: 27459
    Member since: August 16, 2013

    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

    #178152
    Rebecca SagallRebecca Sagall
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2
    Member since: March 24, 2021

    That worked perfectly, thank you!

    #178187
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27459
    • Total: 27459
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.