Moving the Heading left side position (Only on Pc)

Store Design
, , , ,

Topic summary

A user seeks help repositioning the left navigation menu header, specifically for desktop browsers only (Chrome, Firefox, Opera, etc.), not mobile devices. The site in question is authenticpet.com.

Solution Provided:

PageFly-Henry offers a CSS fix with these steps:

  1. Navigate to Online Store → Theme → Edit code
  2. Locate the base.css file
  3. Add the following CSS at the bottom:
.header__inline-menu {
  margin-left: 1.8rem !important;
}

The discussion appears resolved with a concrete CSS solution targeting desktop-only header positioning.

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

Hello, I need Help about Fixing the Position of the left navigate menu.

Just the left side!. thank in Advance If someone manage to fix it.

Screenshot (11).png
Screenshot (11).png1920×259 34.3 KB

2

just to inform you guys that I need the change only on pc webs (chrome, firefox, opera etc…)

I dont need to change it on phone browser.

3

https://authenticpet.com/?_ab=0&_fd=0&_sc=1 - 3144

1 Like
4

Hi @Idob

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.header__inline-menu {

margin-left: 1.8rem !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly