Pro navigation desktop and mobile space

Support
#1

Hi, on pro i have setup 2 navbar for desktop and mobile versions. But inside the container im trying to align left logo straight to page container. Already set, but when i check on ipad or mobile landscape and various desktop resolution, left logo and right content moving to left and right sides (please check pic attached) correct aligned pic also attached

So is there anyway to fix logo and content in fixed place?

Also do i need to create another tablet version of navbar too?

Thanks

#2

Hi Razick,

Thank you for writing in, your site is set up to have a 1280px max-width and 90% site width (see under Theme Options > Layout and Design)

So you need to set up your header Bar to that configuration as well so it will be aligned with the site width.

Please setup your bar’s Outer Spacing, Content Length, & Content Max Length to this:

And please remove any side paddings and margin you applied on the bar because that will mess up the width calculation.

Let us know how it goes,
Happy holidays,

#3

thank you very much. its fixed. but for mobile navbar also same dimensions or what dimensions for mobile dimensions ?

#4

yes fixed with same dimension setup as desktop. thanks for supporting

#5

Yeah, that should align the header and content on mobile and desktop in terms of containers.

Glad we could help,
Happy holidays!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.