How can I add padding to the left side of my menu?

Store Design
,

Topic summary

A user seeks help adding left padding to their website menu. Two solutions are provided:

CSS Approach (niraj_patel):

  • Add custom CSS code to assets -> base.css at the bottom
  • Target the header element with padding property
  • Includes specific padding value and !important flag

Theme Code Modification (GemPages):

  • Navigate to Online Store > Theme > Edit code
  • Open the current theme’s liquid.theme file
  • Paste provided markup code before the </head> tag

Both responses offer technical implementation methods, though the original post and replies contain reversed/encoded text that may indicate formatting issues. The discussion remains open with no confirmation of which solution was implemented or successful.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

hello, i was wondering if somone can help me add padding to the left side of my menu? any help is appreciated that you

my site is www.exoticsouls.world

password is ( esfam1 ) click the top right

1 Like
2

Hello @ExoticSouls

Please use below code on assets → base.css at the bottom to add padding on menu from left

header.page-width {
padding: 0 3.5rem !important;
}

techlyser_web_0-1671329904793.png
techlyser_web_0-1671329904793.png368×759 104 KB

3

Hello @ExoticSouls ,

It’s GemPages support team and glad to support you today.

I would like to give you a recommendation to support you so kindly follow steps below:

  1. Go to Online Store > Theme > Edit code of your current theme
  2. Open your theme.liquid theme file
  3. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team