Separate headers for web & mobile

Ask Enigma Premium Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
tartagliacreativesolutions
Posts: 3
Joined: May 2nd, 2018, 6:11 am

Separate headers for web & mobile

Post by tartagliacreativesolutions » May 9th, 2018, 9:13 pm

I am having an issue with header responsiveness. Instead of trying to deal with that, I was wondering if there was a way I could use one header for desktop view and another for mobile view. Same with adjusting the logo size. I like 175px x 175px for desktop and about 100px x 100px for mobile. My site is owlbarhouston.com

thanks

tartagliacreativesolutions
Posts: 3
Joined: May 2nd, 2018, 6:11 am

Re: Separate headers for web & mobile

Post by tartagliacreativesolutions » May 10th, 2018, 1:51 am

If this can't be done, is it possible to make logo smaller and have the header below the logo on mobile only?

support_staff
Posts: 7252
Joined: February 26th, 2015, 1:40 pm

Re: Separate headers for web & mobile

Post by support_staff » May 10th, 2018, 11:26 am

Hello,

Paste the below CSS in Custom CSS box and save -

@media(max-width: 480px){
.logo img {
height: 100px !important;
width: 100px !important;
}
.header_section img.hd-img {
width: 100% !important;
height: 58px !important;
top: 80px;
}
}

Thanks.

tartagliacreativesolutions
Posts: 3
Joined: May 2nd, 2018, 6:11 am

Re: Separate headers for web & mobile

Post by tartagliacreativesolutions » May 11th, 2018, 1:07 am

Thank you so much, that worked perfectly with a little tweaking. I appreciate the help.

support_staff
Posts: 7252
Joined: February 26th, 2015, 1:40 pm

Re: Separate headers for web & mobile

Post by support_staff » May 11th, 2018, 11:32 am

Your Welcome,

Let us know for further query.

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”