Re: How can I make the menu fit on one line rather than 2 without affecting other things on the site

Solved

How can I make the menu fit on one line rather than 2 without affecting other things on the site

DavidFadimu
Excursionist
27 4 4

Website: Dotodone.co.uk

Password: Dotodoneltd

 

Last time I used this code which worked but it affected the collections page(professional services) section of the site and it also affected the gallery sections: @media only screen and (min-width: 750px)
{
.medium-up--one-half {
width: 70%!important;
}
}
@media only screen and (min-width: 750px)
{
.medium-up--one-quarter {
width: 15%!important;
}
}

Accepted Solution (1)

Guleria
Shopify Partner
3400 679 963

This is an accepted solution.

Hello @DavidFadimu ,

You have to add parent class and it will works fine.
Try it

@media only screen and (min-width: 750px)
{
.site-header .medium-up--one-half {
width: 70%!important;
}
.site-header .medium-up--one-quarter {
width: 15%!important;
}
}

 

Thanks

 

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: [email protected]
- Try GEMPAGES a great page builder

View solution in original post

Replies 10 (10)

Guleria
Shopify Partner
3400 679 963

This is an accepted solution.

Hello @DavidFadimu ,

You have to add parent class and it will works fine.
Try it

@media only screen and (min-width: 750px)
{
.site-header .medium-up--one-half {
width: 70%!important;
}
.site-header .medium-up--one-quarter {
width: 15%!important;
}
}

 

Thanks

 

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: [email protected]
- Try GEMPAGES a great page builder
DavidFadimu
Excursionist
27 4 4

Hello Guleria, 

I have figured it out, thank you. 

I have a huge problem. I sell services such as app design, video animation etc. I want a client to be able to select a service, customise it and then enquire using a form that they can customise by adding pictures or videos etc.

Toteaddicts
Excursionist
35 0 9

Hi, 

It seems like I'am facing the same problem. Before using that code below I want to make sure that we are talking about the same issue here. 

May I ask which theme are you using and since when did you notice this?

Let me show how my Main menu looks like.

Capture d’écran, le 2021-08-04 à 15.11.26.pngCapture d’écran, le 2021-08-04 à 15.11.37.png

 

Thank you in advance for your help.

DavidFadimu
Excursionist
27 4 4

I am using the debut theme and the code didn't quite work for me. I got an expert to fix the problem. Basically you have to reduce the padding or font size.

Toteaddicts
Excursionist
35 0 9

If I well understood, that is the way the Theme DEBUT act normally, right? Because I have notice it since the beginning I'am using this theme.

DavidFadimu
Excursionist
27 4 4

I believe so

Toteaddicts
Excursionist
35 0 9

Thanks Sir, 

I will follow up with Shopify and let you know, we are a community.

I have tried to follow your instructions unsuccessfully.

I'll let you how this issue has been solved. 

Regards,

DavidFadimu
Excursionist
27 4 4

Thank you, I hope you get a solution. Have a great week 

Toteaddicts
Excursionist
35 0 9

I have done this and it worked : Code 

DavidFadimu
Excursionist
27 4 4

Fantastic! Well done