Navigation bar on Ipad not fitting the page

Highlighted
Tourist
14 0 2

We use Venture theme, and our layout on Desk and Phone is fine but on the Ipad, the Navigation bar is to long and dosent show all the menus. Do anyone know have to fix it?

www.homebuilder.dk

Password: keeggi

 

0 Likes
Highlighted
Shopify Partner
1023 214 463

@Fractious25 

 

I checked and it seems like there are too many menu items so it's difficult to set till the iPad view. In this case, you need to increase the mobile breakpoint till the iPad view. Go to your theme.scss.liquid file and find the "$grid-medium: 750px;" and replace with "$grid-medium: 800px;"

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
Tourist
14 0 2

Hi Tejas

Thanks,

I tryed to change what you suggested:

Go to your theme.scss.liquid file and find the "$grid-medium: 750px;" and replace with "$grid-medium: 800px;"

 

But it didnt change anything?

0 Likes
Highlighted
Shopify Partner
1747 108 313

Dear Fractious25,

 

In theme -> Online Store -> Action -> Edit code ->

Go to the Assets -> open theme.scss.liquid

Then paste this code at the bottom of file

@media(max-width:1024px){
.site-nav__link {
    font-size: 1.01em;
    padding: 20px 12px;
}
}

If you still need help please contact here: https://www.task4store.com/pages/contact-us

Best Regards
MS Web Designer | MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
9.9/10 Customer Rating | 1000+ Happy Clients | 100% Satisfaction Or Money Back Guarantee
0 Likes
Highlighted
Shopify Partner
1023 214 463

@Fractious25 

 

Which iPad you are using? because it depends on device width.

You can try to increase the width again "$grid-medium: 1025px;"

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
0 Likes
Highlighted
Tourist
14 0 2

Thanks all for your input.

I have tried both solutions but they dont solve my problem.

On a Ipad it should be  Desktop view when you tilt the IPAD Horizontally and mobil view (Hamburger menu) when you hold it normal (vertically)

 

0 Likes