• Closed
  • Ed Torque
    Spectator
    June 21, 2016 at 4:43 am #28509

    Hi,
    Would you please let me know how to remove the search box and blog tag line from the mobile view? I am using Alora+

    Thank you,

    Ed

    Daniel Jones
    Spectator
    Posts: 148
    June 21, 2016 at 1:20 pm #28512

    Hi Ed,

    Thanks for contacting us.

    Unfortunately, there’s no theme option for that, but you can achieve it using custom CSS code. Kindly could you share with the link to the site so that I may figure the right CSS code for you.

    Looking forward to your reply.

    Ed Torque
    Spectator
    Posts: 20
    June 22, 2016 at 4:43 am #28525
    This reply has been marked as private.
    Daniel Jones
    Spectator
    Posts: 148
    June 22, 2016 at 10:22 am #28533

    Hi Ed,

    Thanks for reaching out to us again.

    Try to add the following custom CSS code at Appearance > Theme Options > Custom CSS:
    @media only screen and (max-width: 768px){
    //hide search box
    .searchform {
    display: none!important;
    }
    //hide tagline
    .title-container #tagline {
    display: none!important;
    }
    //remove background image and change height
    .header {
    background: white!important;
    height: 110px!important;
    }
    }

    You can change the height value to fit your needs.
    Moving the menu icon will involve template customization which falls outside our support scope.

    I hope that helps.
    Please let me know if there’s anything else.

    Ed Torque
    Spectator
    Posts: 20
    June 25, 2016 at 3:05 am #28596

    Hi,

    Thanks a lot for the CSS. I was unable to try immediately as I was traveling but I just tried and it does not work. Perhaps I am missing something?

    Best,

    Ed

    Denzel Chia
    Moderator
    Posts: 2656
    June 26, 2016 at 12:28 pm #28613

    Hi Ed,

    I found the following in your custom css

    @media screen and (min-width: 1200px) {
    .header_v0 div#search-text-box {
    margin-right: 0px
    }
    }

    There is syntax error. missing semi-colon after your 0px

    Please check all your custom css code for syntax error.
    CSS fails without error message in developer console, it’s difficult to check and it will cause other css to malfunction.

    Thank you

    Ed Torque
    Spectator
    Posts: 20
    June 27, 2016 at 2:06 am #28630

    Hi Denzel,

    I found a syntax error (not sure if same as above) and updated the CSS. It works now. Thank you.

    Regards,

    Ed

    Denzel Chia
    Moderator
    Posts: 2656
    June 27, 2016 at 2:15 am #28633

    Hi Ed,

    You are welcome!
    Thank you for your reply.

    Best Regards,
    Denzel