Move Blocks Of Menu Items And Logos. - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Move Blocks Of Menu Items And Logos.

P

Pinella

General 4 years ago

Hi,

I would like to move the menu item block to the right by about 80 / 100px as indicated: https://prnt.sc/1y34yi5

contextually I would like to move the logo block to the left about 80 / 100px as indicated: https://prnt.sc/1y35j27

I believe the solution is via bootstrap.

Website: http://dentrobase.sitoweblab.it/

Can you help me?

Thanks, Pinella

0
3 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #41046

Hello

Thank you for your query.

Please check the screenshot below. If you want to move them left and right, you need to increase the width of the container inside sp-header. It is set to 1140px by bootstrap. You will need to override this and give it a larger value.

container.JPG

0
P
Pinella
Accepted Answer
4 years ago #41047

Hi,

but in which area can I increase this value in the template? I mean in which template file can I change this value indicated by you?

It is set to 1140px by bootstrap, what value do you recommend to apply for what I want to do?

Thanks, Pinella

0
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #41049

If you want to move the logo 80px left and the menu 80px right, increase the container width by 160.

Add this css rule in custom css section.

#sp-header .container { 
    max-width: 1300px; 
}

Kindly do let me know if that works.

0