Search bar under Menu bar covers website Logo!

On the mobile view of my website myfashionmusings.com, the search bar is under the menu bar and this totally covers my blog Logo.
I have used a css code to remove the search bar but this only worked for the desktop view.

Please help!

Hello there,

I hope you are doing well today.

You can use the following CSS code to increase the padding above the logo by going to Appearance > Customize > Additional CSS and pasting it there.


/*Logo top padding*/
#logo {
    padding-top: 18%;
}

Best Regards,
Support

Hi I put the CSS code but it did not change.

Hello there,

I hope you are doing well today.

I checked your website and I see that the CSS code did take effect and the logo was shifted down. What is the device that you are using to view the website?

Best Regards,
Support

Hi,
Thank you,
I increased the value and the logo was shifted down but the problem is it also shifted down in desktop view and did not look good at all.
Is it possible for me to just remove the search bar under the menu bar in mobile view?

You can remove it from mobile view also by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS


#page header .nav-search {
    display: none;
}

Thank you Movin,

My problem has been totally solved!

You are most welcome here :slight_smile: