Site logo

Archived topic

Tab Version Responsive

12 replies · Started by Sourabh on July 24, 2021

Viewing posts 1–13 of 13

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.

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

No, 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 :)

This archived topic is closed to new replies.