Header on Mobile not responsive | ww.wp.xz.cn

Resolved Harrij Mensinga
(@harrij-mensinga)

1 year, 5 months ago

Can’t get the header to a responsive header on mobile. Tried lots of CSS code, but nothing will do the trick.

Any help is appreciated of course.

The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

Hemant Shewakramani
(@wpzest)

1 year, 4 months ago

hi harrij,

Thanks for sharing your query, let me share some CSS hacks for quick solutions.

CSS:

@media only screen and (max-width: 479px) {
.shiftnav-shiftnav-main {width: 60%;}
#shiftnav-toggle-main .shiftnav-toggle-burger{padding: 16px 10px;}
.shiftnav-open.shiftnav-open-left #shiftnav-toggle-main {
transform: translateX(260px); }
}

I hope this solves your problem.

Best Regards,
Hemant Shewakramani

rodicaelena
(@rodicaelena)

1 year, 4 months ago

Hi there,

The theme is responsive by default. No custom code should be needed for this. If you are still encountering issues, you can check if any plugin is interfering with this, by following the steps from here https://docs.themeisle.com/article/1112-theme-doesnt-work-as-expected-troubleshooting-guide

Kind regards,

Rodica

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header on Mobile not responsive’ is closed to new replies.

Tags

mobile header

2 replies
3 participants
Last reply from: rodicaelena
Last activity: 1 year, 4 months ago
Status: resolved