Big margin to the right of the page (Solved)

Big margin to the right of the page (Solved)

Miguel3403
Tourist
21 0 1

I have this page im working on and the margin to the right of the page there is this big margin after the page ends

Miguel3403_0-1708944656545.png

 

 

Replies 9 (9)

ThePrimeWeb
Shopify Partner
2138 615 493

Hey @Miguel3403,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

@media only screen and (min-width: 960px) {
    header.header {
        overflow-x: clip !important;
    }    
}

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708950093411.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Miguel3403
Tourist
21 0 1

thanks and these last two menus overflowing how can i fix that? 

Miguel3403_0-1708950948021.png

 

ThePrimeWeb
Shopify Partner
2138 615 493

I don't know why it's split into the next column after 3 items. Normally when you do this to the last menu, this will happen anyway. 

 

Only way to fix it is to make it all appear on one column

 

Instructions are the same.

<style>
@media only screen and (min-width: 960px) {
    div#portuguese-wines-menu-8 ul,
    div#gourmet-menu-7 ul{
       display: grid !important;
    } 
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
ThePrimeWeb
Shopify Partner
2138 615 493

Also given that this is a paid, theme you should reach out to the theme support. 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Miguel3403
Tourist
21 0 1

This line of code seems to be causing me to be unable to select the last language  without it i can select the last language but the margin comesback

header.header {
overflow-x: clip !important;
}  

ThePrimeWeb
Shopify Partner
2138 615 493

You try replacing it with this

div#portuguese-wines-menu-8 ul, div#gourmet-menu-7 ul {
    display: grid !important;
    max-width: max-content !important;
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Miguel3403
Tourist
21 0 1

With the first line you can select the language but the the margin comesback with the second line the margin goes away but the header gets cut in the right side

 

ThePrimeWeb
Shopify Partner
2138 615 493

I don't know man, you can request your theme's support since you have paid for the theme. You've definitely done something before to break the theme, I can't find it out. 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
Miguel3403
Tourist
21 0 1

Thanks will try support thanks for the help anyways you really helped me out today