- This topic has 12 replies, 2 voices, and was last updated 4 years, 8 months ago by
.
-
Posts
-
HI,
Facing responsive issue for tab version, as CSS applied for logo and nav menu for mobile version not working for tab (Want to make logo center for tab also with hamburger).
Want to give a small margin from left and right for the tab version as mentioned in the snapshot…
Please help.
Customer Support
Hi there,
Let’s handle one issue at a time please.
For the logo, can you give this CSS a shot first?
@media (min-width: 769px) and (max-width: 1063px) { .nav-align-right .navigation-branding { margin-right: auto; margin-left: auto; } }Done, What next now? want to make it as similar as my mobile…
Hembuer+Logo+Search
If you want the tablet layout to be the same as the mobile layout then try increasing the mobile menu breakpoint:
https://docs.generatepress.com/article/mobile-navigation/#initiating-the-mobile-navigation-at-a-different-widthNo, want to do that for header only..
If I change break point then other part will also affect which I have designed for tab.
If I change break point then other part will also affect which I have designed for tab.
No – that option is strictly for when the mobile menu kicks in or the mobile header kicks in.
changed to 769 but nothing is solved…things are the same.
I hope my css will work well which having media@ break point to 768px etc
anyone revert on this, please??
Can you try changing the breakpoint to
1063px?Done, but are you sure it won’t break any of my website functions, pls confirm?
my css will work well which having media@ breakpoint to 768px etc??
I’m 99% sure this is unrelated to the rest of your CSS but you will have to check for yourself.
As mentioned, the mobile menu breakpoint option is strictly for changing when the mobile menu kicks in or the mobile header kicks in.
ok..Thanks
No problem 🙂
- You must be logged in to reply to this topic.
